如何在ckeditor狀態欄中顯示文字？

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

您可以修改它以顯示您喜歡的任何內容。

您需要仔細查看其餘代碼以瞭解發生的所有事情，並根據您的特定目標進行任何其他更改。