2

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

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

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

任何帮助都是有用的，在此先感谢。

4

1 回答 1

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>' );

您可以对其进行修改以显示您喜欢的任何内容。

您需要查看其余代码以了解正在发生的一切，并为您的特定目标进行所需的任何其他更改。

于 2012-07-18T15:20:28.830 回答