Question

我只想知道如何在ckeditor状态栏中显示文本。

在ckeditor的底部显示元素路径我只想在状态栏中显示该元素路径中的文本。

例如，当用户在编辑器中找到并替换文本时，我想向用户显示文本中替换的实例数。

任何帮助都很有用，提前谢谢。

Answer 1

您可以禁用elementspath插件：

config.removePlugins = 'elementspath';

然后通过将_source/plugins/elementspath复制到plugins/elementspath来制作自定义插件。

然后将目录重命名为您的自定义名称，并更改plugin.js文件的第33行以使用新名称（CkEditor样式指南调用插件名称的所有小写字母）：

CKEDITOR.plugins.add( 'newname',

然后在配置中添加新插件：

config.extraPlugins = 'newname';

editor.on( 'selectionChange', function( ev )部分是完成大部分工作以创建该行内容的地方。主要部分是：

html.unshift(
  '<a' +
    ' id="', idBase, index, '"' +
    ' href="javascript:void(\'', name, '\')"' +
    ' tabindex="-1"' +
    ' title="', label, '"' +
    ( ( CKEDITOR.env.gecko && CKEDITOR.env.version < 10900 ) ?
    ' onfocus="event.preventBubble();"' : '' ) +
    ' hidefocus="true" ' +
    ' onkeydown="return CKEDITOR.tools.callFunction(', onKeyDownHandler, ',', index, ', event );"' +
    extra ,
    ' onclick="CKEDITOR.tools.callFunction('+ onClickHanlder, ',', index, '); return false;"',
    ' role="button" aria-labelledby="' + idBase + index + '_label">',
      name,
      '<span id="', idBase, index, '_label" class="cke_label">eee' + label + '</span>',
  'rrrr</a>' );

您可以修改它以显示您喜欢的任何内容。

您需要查看其余代码，以了解正在发生的所有事情，并针对您的具体目标进行任何其他更改。

如何在ckeditor状态栏中显示文本？

1 个答案: