兼容多种浏览器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编辑器的文本的值
|
兼容多种浏览器的编辑器(CKEditor编辑器)的使用方法
最新推荐文章于 2024-06-16 09:38:52 发布