2014-02-11 61 views
0

http://gw.ablueman.co.uk/tabbednotepad.phpCKEDITOR.replace( 'editor1', 'editor2',{

我有3個文本域的CKEditor,這三個都是一樣的,但是從主一個或類相當不同。

如果我把如果我嘗試使用CKEDITOR.replace('editor1','editor2','editor3'{0}),它會正常工作,取代它們,但忽略{幾乎和類一樣。

我只是格式化CKEDITOR.replace('editor1' ,'editor2',{});不正確的是,我需要所有三個使用相同的替換。

繼承人的代碼:

<form name="title" method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']);?>"> 
<textarea class="ckeditor" id="editor3" name="editor3" rows="200"><?php echo $editor3;?></textarea> 
<input id="tabtitle1" name="tabtitle1" size="30" placeholder="Tab Title.." /> 
<input type="submit" value="Submit" > 
</form> 

<script type="text/javascript"> 
    CKEDITOR.replace('editor1', { 
    height: '600px', 
    enterMode: CKEDITOR.ENTER_BR, 
    toolbar:  
[ { name: 'document', groups: [ 'document', 'doctools' ], items: [ 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] }, 
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] }, 
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl' ] },  '/', 
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }, 
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] }, { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] }, 
    { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak', 'Iframe', 'Syntaxhighlight' ] }, '/', 
    { name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] }, 
    { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
    { name: 'others', groups: [ 'mode' ], items: [ 'Source', 'searchCode', 'autoFormat', 'CommentSelectedRange', 'UncommentSelectedRange', 'AutoComplete', '-', 'ShowBlocks' ] }, 
    { name: 'tools', items: [ 'Maximize' ] }, 
]});  
</script> 

[編輯]僅供參考,我想CKEDITOR.replace([ 'editor1', 'editor2'], 這個沒有工作或者

+0

看看它是如何在這裏完成:http://ckeditor.com/最新的/ samples/tabindex.html(該頁面包含3個不同的實例在同一頁面上,而不是像你的標籤,但想法是相同的)。 – bodi0

+0

不使用該類。你不能輕易地編輯課程,以免實際解決問題。這就是爲什麼我需要使用CKEDITOR.replace而不是類。除非有一種簡單的方法,你知道使用ckeditor類來更改工具欄。 – ablueman

回答

2

你可以使用一個textarea id數組,調用一個帶有jQuery和foreach的CKEDITOR.replace。例如:

var areas = Array('editor1', 'editor2', 'editor3'); 
    $.each(areas, function (i, area) { 
    CKEDITOR.replace(area, { 
     customConfig: '/Scripts/ckeditor/config.mini.js' 
    }); 
    }); 
+0

明天我會得到這個機會,當我得到一個機會,感謝您的更新 – ablueman

+0

Ps。我轉向了黑暗的一面,現在我使用tinymce,它在我看來更好,文檔和implimentation似乎更好 – ablueman

+0

這裏假設並使用不需要的jQuery;對數組進行索引迭代不再是長時間的,也不是對ES6'for..of'。jQuery在像s這樣的情況下是一個性能負擔。 – ElementW

1

你可以用」噸呼叫CKEDITOR.replace與在同一時間數的ID。

Its definition指出第一個參數是ID或元件,第二個配置選項。

+0

看起來你的權利,真的很遺憾,我通過將

  • 11. 在沒有預設元素的頁面上使用多個Ace編輯器
  • 12. Parse.com設置用戶角色
  • 13. 如何返回上一個活動?
  • 14. QFormLayout QLabel
  • 15. 移動CKEditor節點時Javascript DOM失敗
  • 16. 2在IE9和Safari 5的單頁上編輯ACE編輯
  • 17. 是什麼導致CkEditor在頁面中間添加一個工具欄
  • 18. 無法獲得標籤式UI與淘汰賽一起工作
  • 19. 我不能在我的Joomla組件中使用第二個JFactory :: getEditor
  • 20. onselectedindexchanged()沒有被調用,即使點擊取消按鈕,確認框也會清除文本
  • 21. javascript執行功能
  • 22. 的onsubmit驗證選項igeditor不工作
  • 23. RadEditor驗證郵件只有在回發後纔會發生
  • 24. 如何刪除Textarea中的行之間的行距?
  • 25. 使用多個ui-ace代碼編輯器的滾動問題
  • 26. onClickListener中的活動之間傳遞數據
  • 27. Qt父子關係
  • 28. Ace.js .on事件
  • 29. Jquery獲取具有特定數據的所有textarea元素
  • 30. 如何在插入MySQL數據庫時忽略空字段?