CKEditor图像插件配置

Question

CKEditor图像插件配置

javascriptckeditorwysiwyg

3

我真的需要删除图片插件中的这些属性，我只需要允许用户设置src属性，仅此而已。但是，由于JavaScript和Ckeditor不是我的强项，因此我无法想出如何实现。有人知道吗？

我正在使用CKEditor 4.3.1

在此输入图片描述

- Silverfall05

2个回答

-2

我建议您使用ckfinder来浏览图片。以下是在调用coeditor时使用的代码：

    <script type="text/javascript">
        //<![CDATA[

        // This call can be placed at any point after the
        // <textarea>, or inside a <head><script> in a
        // window.onload event handler.

CKEDITOR.replace('testoEditor', {
    filebrowserBrowseUrl : '../../ckfinder/ckfinder.html',
    filebrowserImageBrowseUrl : '../../ckfinder/ckfinder.html?Type=Images',
    width : '505',
    height : '400',

});

//]]>
    </script>

- Antonio Romano

你没有理解我的意思。文件不会被上传，我只需要用户允许设置img[src]，例如：www.imagehost.com/image1.png。我不需要文件管理器，也不是为了管理员面板，而是为了所有用户，我不希望他们设置图像边框和其他不必要的东西。 - Silverfall05

确切地说，因为ckeditor不上传文件，所以您需要一个外部脚本来完成这项工作，您可以集成ckfinder来浏览图片。 - Antonio Romano

我不希望他们上传任何文件，只需要设置外部图片链接即可。 - Silverfall05

我需要相同的插件->图像，但只是摆脱我划掉的那些东西。 - Silverfall05

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bhalchandra K · Accepted Answer

HTML

<textarea id="editor" name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>

脚本

<script type="text/javascript">
    CKEDITOR.on('dialogDefinition', function (ev) {
        // Take the dialog name and its definition from the event data.
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        // Check if the definition is from the dialog we're
        // interested in (the 'image' dialog).
        if (dialogName == 'image') {
            // Get a reference to the 'Image Info' tab.
            var infoTab = dialogDefinition.getContents('info');
            // Remove unnecessary widgets/elements from the 'Image Info' tab.
            infoTab.remove('browse');
            infoTab.remove('txtHSpace');
            infoTab.remove('txtVSpace');
            infoTab.remove('txtBorder');
            infoTab.remove('txtAlt');
            infoTab.remove('txtWidth');
            infoTab.remove('txtHeight');
            infoTab.remove('htmlPreview');
            infoTab.remove('cmbAlign');
            infoTab.remove('ratioLock');
        }
    });
    CKEDITOR.replace('editor');
</script>