TinyMCE：寻找行数解决方案

Question

我正在寻找一个插件或代码，其功能类似于普通编辑器中的“行数”或“行号”。 行号通常显示在编辑器内容的左边框上。 任何人都知道如何用TinyMCE做到这一点？

示例：

行号|含量

1. 第一行
2. 第二名 3。
3. 跳过一行（三行为空） 5。
4. 内容结束

Answer 1

以下是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...

Answer 2

我使用一个特殊的样式表来解决这个问题，该样式表包含编辑器iframe左侧放置了数字1到999的png。重要的是，此解决方案仅适用于预定义的字体大小和行高！

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*/
}