TinyMCE：尋找線計數解決方案

Question

我正在尋找一個插件或代碼的功能，如普通編輯器中的「行數」或「行號」。 行編號通常顯示在編輯器內容的左邊界上。 任何人都知道如何用TinyMCE做到這一點？

示例：

行號|內容

1. 線頭號
2. 二號 3.
3. 一行跳過（3爲空） 5.
4. 內容結尾

Answer 1

我解決了這個問題，使用一個特殊的樣式表，包含一個png，編號爲1到999的數字放在編輯器iframe的左側。重要的是，這個解決方案只適用於預定義的字體大小和行高！

body { 
    background-color:#FFFFFF; 
    background-image:url("http://www.mydomain.com/images/editor_lines.png") !important; 
    background-repeat:repeat-y !important; 
    font-family: Helvetica, sans-serif; 
    font-size: 12pt; 
    line-height: 19px; 
    margin: 1px 0 0; 
    padding-left: 40px !important; /*space for the png*/ 
} 

Answer 2

下面是從一個http://tinymce.moxiecode.com/punbb/viewtopic.php?id=10581字符計數

tinyMCE.init({ 
    .... 

    //Character count 
    theme_advanced_path : false, 
    setup : function(ed) { 
      ed.onKeyUp.add(function(ed, e) { 
       var strip = (tinyMCE.activeEditor.getContent()).replace(/(<([^>]+)>)/ig,""); 
       var text = strip.split(' ').length + " Words, " + strip.length + " Characters" 
     tinymce.DOM.setHTML(tinymce.DOM.get(tinyMCE.activeEditor.id + '_path_row'), text); 
    }); 
    } 

}); 

你可以修改它來尋找換行符/n,<br>,etc...