CKEditor - 如何在特定的所需位置隐藏“浏览服务器”按钮?

时间:2014-03-21 06:18:12

标签: javascript jquery ckeditor

我在我的应用程序中使用CKEditor,这反过来又帮助用户创建一种文章。 (我基本上使用Jquery和JavaScript) 在许多地方,比如Flash属性,图像属性和CKEditor工具的链接,有一些叫做BrowseServer的东西。我想在2个地方禁用或隐藏此按钮,例如Flash Props和Image Props,严格来说不在其他区域。 有人可以帮助我如何实现这一目标? @anant dabhi 参考:这就是我在JS中的表现。

<script type="text/javascript">
    //<![CDATA[
        var editor = CKEDITOR.instances['articleDesc'];
        if (editor) { editor.destroy(true); }
        CKEDITOR.replace( 'articleDesc',
            {
                fullPage : false,
                extraPlugins : 'docprops',
                filebrowserBrowseUrl : '/browse/BrowseServlet',
                filebrowserUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserImageBrowseUrl : '/browse/BrowseServlet',
                filebrowserImageUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserWindowWidth  : 800,
                filebrowserWindowHeight : 500
            });
        CKEDITOR.on( 'instanceReady', function() {
            var headTxt = $(".cke_dialog_title").text();
            console.log("Browe Type : "+headTxt);
            if( headTxt == "Flash Properties" || headTxt == "Image Properties") {
                $(".cke_dialog_title").parent().find(".cke_dialog_ui_button").hide();
            }
        } );

    //]]>
    </script>

1 个答案:

答案 0 :(得分:0)

您可以使用&#34; removeButtons&#34;删除按钮 这是一个js代码

<script type="text/javascript">
    //<![CDATA[
        var editor = CKEDITOR.instances['articleDesc'];
        if (editor) { editor.destroy(true); }
        CKEDITOR.replace( 'articleDesc',
            {
                fullPage : false,
                extraPlugins : 'docprops',
                filebrowserBrowseUrl : '/browse/BrowseServlet',
                filebrowserUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserImageBrowseUrl : '/browse/BrowseServlet',
                filebrowserImageUploadUrl : '/upload/UploadServletForCKEditor',
                filebrowserWindowWidth  : 800,
                filebrowserWindowHeight : 500
            });
        CKEDITOR.on( 'instanceReady', function() {
            var headTxt = $(".cke_dialog_title").text();
            console.log("Browe Type : "+headTxt);
            if( headTxt == "Flash Properties" || headTxt == "Image Properties") {
                $(".cke_dialog_title").parent().find(".cke_dialog_ui_button").hide();
            }
        } );
//here u remove button code
 CKEDITOR.config.removeButtons = 'BrowseServer';
    //]]>
    </script>