doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7914回复:0

HTML 在线编辑器 介绍

楼主#
更多 发布于:2017-05-27 13:17

   前导:我们在项目过程,经常会有这样的功能,让用户可以自己发表文章,文章不光是内容,还可以包括图片,以及对于字体的样式可以进行相关的设置。还在想如何实现嘛?


  其实,这个就是所为的在线编辑,网上给我们提供了很多的在线编辑器,你直接使用即可,推荐:FreeTextBox(asp.net控件),KindEditor(html控件),CKeditor


   KindEditor 是属于HTML在线编辑器,直接就可以在浏览器上使用,详细的使用方式,
   请参考官网:http://kindeditor.net/demo.php
   最后,很多人还有疑问,那数据如何保存呢?参考:




nodejs 中使用kindeditor 上传图片,并提交数据的DEMO

下面是关于在线编辑器的详细介绍(内容来自:百度百科)


在线编辑器是什么?


  在线编辑器是一种通过浏览器等来对文字、图片等内容进行在线编辑修改的工具。一般所指的在线编辑器是指HTML编辑器。
    如下图:
   

图片:kindeditor.png



用途
在线编辑器用来对网页等内容进行在线编辑修改,让用户在网站上获得“所见即所得”效果,所以较多用来做网站内容信息的编辑和发布和在线文档的共享等,比如新闻、博客发布等。由于其简单易用,被网站广泛使用,为众多网民所熟悉。

模式编辑
一般在线编辑器都具有三种模式:编辑模式、代码模式和预览模式。编辑模式让用户可以进行文本、图片等内容增加、删除和修改。代码模式用于专业技术人员来查看和修改原始代码(如HTML代码等)。预览模式则是用来查看最终的编辑效果。

功能编辑

在线编辑器一般具有如下基本功能:(1)文字的增加、删除和修改;(2)文字格式(如字体、大小、颜色、样式等)的增加、删除和修改;(3)表格的插入和编辑;图片、音频、视频等多媒体的上传、导入和样式修改;(4)文档格式的转换,比如WORD文档格式转为普通网页格式等。
随着人们对网页编辑要求越来越高,人们对它不断地进行大量的功能改进和增加。比如:(1)可打开原有网页,另存/新建网页;(2)编辑器内的查找、替换功能;(3)多媒体的上传、播放支持;(4)图文样式调整、排版;(5)图片处理,如上传图片自动生成缩略图,以解决打开图片库选图速度慢的问题;非本地服务器图片自动下载及保存;(6)他站指定文件类型的自动下载到指定服务器;(7)完善的表格编辑功能(可插入、删除、修改、合并、拆分等),可编辑表格背景色、表格线等,并有预览功能,满意后插入/修改;表格线的加上与去除支持;(8)插入WORD/EXCEL等代码;(9)网页减肥,如WORD冗余代码去除;(10)去除危险代码;(11)代码转换,如全角/半角转换、大写/小写字母转换、汉字的繁简体转换等;(12)自定义CSS样式等。

常见软件编辑
常见的在线编辑器有FreeTextBox,CKeditor(其旧版本为FCKeditor等。也有一些国人写的相当优秀的在线编辑器,如KindEditor,WebNoteEditor等,还有上述编辑器的改进版本等。


最新喜欢:

sunshinesunshi...
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号