`

CKEditor 文本域编辑

 
阅读更多

CKEditor
    网页中实现所见即所得的编辑器
使用CKEditor步骤
   下载CKEditor
   解压到项目中
   在页面中加入CKEditor
   使用CKEditor 编辑内容
   提交CKEditor编辑的内容

 

===================================

在页面中使用CKEditor
   在页面中引入ckeditor.js
   在页面中加入textarea,使之成为CKEditor
   通过config.js配置 CKEditor
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea id="newscontent" name="newscontent" class="ckeditor" ></textarea>
CKEDITOR.editorConfig = function( config ) {
config.language = 'zh-cn'; // 配置语言, zh-cn代表中文
config.uiColor = '#AADC6E'; // 背景颜色
config.width = 'auto'; // 宽度
config.height = '300px'; // 高度
config.skin = 'office2007';// 皮肤: v2,kama,office2007
};

===================================================

在页面中使用CKEditor
   在页面中引入ckeditor.js
   在页面中加入textarea,使之成为CKEditor
   通过config.js配置 CKEditor
   CKEditor文件夹
      _samples:存放官方的Demo
      lang:存放多国语言文件
      skins:皮肤文件夹

 

分享到:
评论

相关推荐

    文本域动态添加图像HTML html 文本域 文本域添加图像 图像

    5. **CSS背景图像**:虽然不能在文本域内部直接插入图像,但可以通过CSS将背景图像应用到文本域上,以达到视觉上的效果。例如,可以设置`background-image`属性,并使用`background-position`来调整图像的位置。 6....

    fckeditor 文本域组件

    FCKeditor是一款历史悠久的开源富文本编辑器,它曾经是网页开发中广泛使用的文本域组件,允许用户在Web页面上编辑HTML内容,类似于桌面应用程序中的文字处理软件。然而,随着技术的发展和需求的变化,FCKeditor逐渐...

    文本域定位光标并添加数据

    为了实现更复杂的功能,例如在多行文本域中操作,可能需要使用`contenteditable`属性或富文本编辑器(如TinyMCE、CKEditor),它们提供了更多的API来处理光标和文本操作。 总结一下,文本域的光标定位和数据添加是...

    带有左部编号的文本域 ASP

    在标题"带有左部编号的文本域 ASP"中,我们可以理解这是一个使用ASP实现的特定功能,它涉及到在文本域(用户可以在网页上输入文本的区域)中添加左部编号。这种功能可能常见于在线编辑器或者论坛系统中,使得用户...

    CKEditor4配置与开发详细中文说明文档

    CKEditor4是一款广泛使用的网页内容编辑器,它能够将一个简单的文本域变为一个功能丰富的编辑器,提供给用户类似于桌面文字处理软件的编辑体验。CKEditor4的安装和集成过程相对直观,但要充分发挥其功能,需要对其...

    网页文本框与日记编辑工具

    这样的文本框通常基于JavaScript库,例如TinyMCE、CKEditor或Quill等。 JavaScript在这个过程中扮演了关键角色,因为它可以动态地改变DOM(文档对象模型)以实现交互性。通过监听用户的键盘输入、鼠标点击等事件,...

    tinyMCE编辑器

    - **初始化**:找到需要转换为富文本编辑器的文本域,通过JavaScript调用`tinymce.init()`函数进行初始化,设置编辑器的基本配置。 - **配置选项**:配置项包括主题、菜单、工具栏、语言、字体大小、内容样式等,...

    FCKeditor 在线编辑器

    4. **在线表单**:在创建在线表单时,FCKeditor可以作为文本域,让用户输入格式化的文本。 **四、FCKeditor的使用技巧** 1. **自定义工具栏**:通过配置文件`fckconfig.js`,可以根据需求定制工具栏按钮,例如添加...

    layer富文本域demo

    在富文本域的应用场景中,我们通常会在弹层中嵌入一个富文本编辑器,让用户在弹出的窗口中编辑文本。 富文本编辑器的实现通常依赖于第三方库,如TinyMCE、CKEditor或Simditor等。在“layer富文本demo”中,可能会...

    xhEditor 免费的国产HTML在线编辑器

    例如,在配置上传功能时,站长发现编辑器文本域中图片的路径是相对于编辑器调用页面的。这意味着,如果上传文件和调用编辑器的页面不在同一目录下,需要正确设置文件上传的目录,否则会导致文件上传失败或无法正确...

    extjs fckeditor集成代码

    FCKEditor(现更名为CKEditor)是一款功能强大的开源富文本编辑器,它能够提供类似于桌面应用的编辑体验,支持图片上传、表格操作、样式设置等多种功能。在Web开发中,FCKEditor常被用来替代传统的`&lt;textarea&gt;`标签...

Global site tag (gtag.js) - Google Analytics