tag.varpath=window.C" />

一些CKEditor定制问题

系统 1589 0

 

 

调整CKEditor的basePath

使用base标签,或者项目文件结构的原因,我们可能需要调整CKEditor的basePath。

      basePath: (
      
        function
      
      
        () {
                
      
      
        //
      
      
         ATTENTION: fixes to this code must be ported to
      
      
        //
      
      
         var basePath in "core/loader.js".
      
      
        //
      
      
         Find out the editor directory path, based on its <script> tag.
      
      
        var
      
       path = window.CKEDITOR_BASEPATH || ''
      
        ;

                
      
      
        if
      
       ( !
      
        path ) {
                    
      
      
        var
      
       scripts = document.getElementsByTagName( 'script'
      
         );

                    
      
      
        for
      
       ( 
      
        var
      
       i = 0; i < scripts.length; i++
      
         ) {
                        
      
      
        var
      
       match = scripts[ i ].src.match( /(^|.*[\\\/])ckeditor(?:_basic)?(?:_source)?.js(?:\?.*)?$/
      
        i );

                        
      
      
        if
      
      
         ( match ) {
                            path 
      
      = match[ 1
      
         ];
                            
      
      
        break
      
      
        ;
                        }
                    }
                }

                
      
      
        //
      
      
         In IE (only) the script.src string is the raw value entered in the
      
      
        //
      
      
         HTML source. Other browsers return the full resolved URL instead.
      
      
        if
      
       ( path.indexOf( ':/' ) == -1
      
         ) {
                    
      
      
        //
      
      
         Absolute path.
      
      
        if
      
       ( path.indexOf( '/' ) === 0
      
         )
                        path 
      
      = location.href.match( /^.*?:\/\/[^\/]*/ )[ 0 ] +
      
         path;
                    
      
      
        //
      
      
         Relative path.
      
      
        else
      
      
        
                        path 
      
      = location.href.match( /^[^\?]*\/(?:)/ )[ 0 ] +
      
         path;
                }

                
      
      
        if
      
       ( !
      
        path )
                    
      
      
        throw
      
       'The CKEditor installation path could not be automatically detected. Please set the global variable "CKEDITOR_BASEPATH" before creating editor instances.'
      
        ;

                
      
      
        return
      
      
         path;
            })()
      
    

可见,我们可以通过设置window.CKEDITOR_BASEPATH来调整CKEditor的basePath。

 

自定义CKEditor的语言

CKEditor可以根据浏览器来自动选择语言,但可能我们需要其和UI统一语言,而不是自动选择,这时候我们就需要自定义其语言。

我们需要给Config的language属性定义成相应的语言。

  • 在repalce时传入config
      
        var
      
       idSelector = "editor1"
      
        ; 

CKEDITOR.replace(idSelector, {language: 
      
      'zh-cn'}); 
      
        //
      
      
        设置成简体中文
      
    
  • 在editor实例生成时自动设置
      CKEDITOR.on('instanceCreated', 
      
        function
      
      (event){ 
      
        //
      
      
         当editor实例创建时
      
      
        var
      
       editor =
      
         event.editor;

  editor.on(
      
      'configLoaded', 
      
        function
      
      (){ 
      
        //
      
      
         当实例载入config时
      
      
    editor.config.language = "zh-cn"; 
      
        //
      
      
         修改成简体中文
      
      
          });

};
      
    

 

Advanced Content Filter

CKEditor会自动开启内容过滤器,其会对节点的属性进行过滤,可是我们可能不希望其过滤,可以通过设置config.allowedContent为true,来关闭该功能。

这样CKEditor就仅仅是富文本编辑器了。

 

 

 

一些CKEditor定制问题


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论