杰克工作室 发表于 2024-2-3 16:08

CKeditor相关使用技巧

发现CK默认的图片插件有一大堆自定义属性,比如宽、高、预览还有图片是否加链接的设置
<p>根据CKEditor提供的自定义参数设置如下:</p>

<pre>
CKEDITOR.on(&#39;dialogDefinition&#39;, function (ev) {
var dialogName = ev.data.name;
var dialogDefinition = ev.data.definition;
if (dialogName == &#39;image&#39;) {
    //移除高级选项、链接选项
        dialogDefinition.removeContents( &#39;advanced&#39; );
    dialogDefinition.removeContents( &#39;Link&#39; );
    // 定义对象
    var infoTab = dialogDefinition.getContents(&#39;info&#39;);
    //移除其它杂项
    infoTab.remove(&#39;browse&#39;);
    infoTab.remove(&#39;txtHSpace&#39;);
    infoTab.remove(&#39;txtVSpace&#39;);
    infoTab.remove(&#39;txtBorder&#39;);
    infoTab.remove(&#39;txtAlt&#39;);
    infoTab.remove(&#39;txtWidth&#39;);
    infoTab.remove(&#39;txtHeight&#39;);
    infoTab.remove(&#39;cmbAlign&#39;);
    infoTab.remove(&#39;ratioLock&#39;);
    infoTab.get( &#39;htmlPreview&#39; ).style = &#39;display:none&#39;;
}</pre>

<p>关于图片预览的配置,默认也可以使用infoTab.remove(&#39;htmlPreview&#39;);,但是这样操作会有报错,只好把它用样式隐藏了。</p>
页: [1]
查看完整版本: CKeditor相关使用技巧