javascript - 共享主机上的 cftextarea 和自定义工具栏

Question

我在共享托管计划的页面上有一个 cftextarea。在我的本地服务器上，我在 CFIDE 目录中为自定义工具栏标签编辑了 fckconfig.js，效果很好。

   FCKConfig.ToolbarSets["AMStools"] = [
   ['Bold','Italic',  'Underline', 'TextColor' ,'FontSize', 'OrderedList','UnorderedList',       'RemoveFormat', 'Undo','Redo','-',]

] ;

问题是托管公司不会让我在他们的服务器上搞乱我完全认可的 CFIDE。

我尝试将代码放在我的页面上：

<script type="text/javascript">
FCKConfig.ToolbarSets["AMStools"] = [
['Bold','Italic',  'Underline', 'TextColor' ,'FontSize', 'OrderedList','UnorderedList',     'RemoveFormat', 'Undo','Redo','-',]
 ] ;
 </script>

并且页面忽略它。虽然它确实显示在我浏览器的视图源中。

我怎样才能让这个功能工作？

Answer 1

要自定义 ckeditor 工具栏，您需要使用纯 javascript 重新定义 CKeditor 对象，您可以执行以下操作来实现此目的。

$(function(){
    $(".ckeditor").each(function(){
                        CKEDITOR.replace($(this).attr('id'), {  toolbar: [
                                        { name: 'styles', items: ['Format']},
                                        { name: 'basicstyles', items : [ 'Bold','Italic','Underline'] },
                                        [ 'Strike'],
                                        [ 'NumberedList', 'BulletedList'],
                                        [ 'Link'],
                                        ['RemoveFormat'],
                                        [ 'Source'],
                                        [ 'Maximize']
                                    ]}) 

                        }) 
    })