geditor 에서 테이블 입력시 border=0으로 설정하고 입력하기 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

geditor 에서 테이블 입력시 border=0으로 설정하고 입력하기 정보

geditor 에서 테이블 입력시 border=0으로 설정하고 입력하기

본문

테이블 입력시 border=0으로 일일이 수정하는것이 귀찮아졌습니다.

또 0으로 해놓으면 막상 편집시에 불편하고

대략.. 난감하더군요..

geditor.js 파일을 열어보면

this.init = function() {
    ge_editor = document.getElementById(ge_iframe).contentWindow.document;
    ge_editor.designMode = "on";
    ge_editor.write("<html>");
    ge_editor.write("<head>");
    ge_editor.write("<style type=\"text/css\">")
    ge_editor.write("body { padding:0px; margin:5px; font-size:10pt; font-family:Dotum; }");
    ge_editor.write("td { font-size:10pt; font-family:Dotum; border:dashed 1px #efefef}");
    ge_editor.write("</style>");
    ge_editor.write("</head><body>");
    ge_editor.write(ge_code);
    ge_editor.write("</body></html>");
    ge_editor.close();

이부분이 있습니다.
위의 빨간색처럼 td에 border 스타일을 적용하면
테이블 테두리가 글 편집시에만 보이고 실제 입력시에는 적용이 안됩니다.

아래의 곳에서 border=0으로 하시면 됩니다.

this.insert_table_mouse_click = function(row,col)
{
    var table = "<table width=\"100%\" cellspacing=\"0\" cellpadding=\"2\" border=\"0\">";
    var width = Math.floor(100/col);
    for (var i=0; i<row; i++) {
        table += "<tr>";
        for (var j=0; j<col; j++) {
            table += "<td width=\""+width+"%\"> </td>";
        }
        table += "</tr>";
    }
    table += "</table><br/>";

    this.insert_editor(table);
}

추천
1

댓글 0개

전체 3,309 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT