兼容多种浏览器的编辑器(CKEditor编辑器)的使用方法

来源:互联网 发布:淘宝店主有什么模块 编辑:程序博客网 时间:2024/05/29 16:21
兼容多种浏览器CKEditor编辑器的使用方法
==>
      到http://ckeditor.com/download网站上下载CKEditor编辑器
==>
      将下载的CKEditor3.62.zip包解压出来
==>
      将它添加到项目中,并包在项目中
==>
      找到config.js文件,并在进行配置,例如:
  
CKEDITOR.editorConfig = function( config )
{    
    config.language = 'zh-cn';    
    config.uiColor = '#336699';    
    config.height = 300; 
    config.width=680;
    config.toolbar =
    [    
        ['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],    
        ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],    
        ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],    
        ['Link', 'Unlink', 'Anchor'],    
        ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],   
        '/',    
        ['Styles', 'Format', 'Font', 'FontSize'],    
        ['TextColor', 'BGColor'],    
        ['Maximize', 'ShowBlocks', '-', 'Source', '-', 'Undo', 'Redo']
    ];
};
==>
      在javascript中加上ckeditor.js所在的目录,例如:
  
<script type="text/javascript" src="../../Controls/ckeditor/ckeditor.js"></script>
==>
      给CKEditor编辑器的文本赋值,例如:
  
<asp:TextBox ID="TextBox1" TextMode="MultiLine" runat="server" Text="fsadfsasd" CssClass="ckeditor"></asp:TextBox>
<asp:TextBox ID="TextBox1" TextMode="MultiLine" runat="server" Text="fsadfsasd"></asp:TextBox>
<script type="text/javascript">   
      CKEDITOR.replace('TextBox1');
</script>
  
这里Text得知CKEditor编辑器的文本的值
原创粉丝点击