关灯
开启左侧

HTML 在线编辑器 介绍

[复制链接]
doubleyong 发表于 2019-4-17 16:32:33 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
前导:我们在项目过程,经常会有这样的功能,让用户可以自己发表文章,文章不光是内容,还可以包括图片,以及对于字体的样式可以进行相关的设置。还在想如何实现嘛?

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


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

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

在线编辑器是什么?

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

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

模式编辑
一般在线编辑器都具有三种模式:编辑模式、代码模式和预览模式。编辑模式让用户可以进行文本、图片等内容增加、删除和修改。代码模式用于专业技术人员来查看和修改原始代码(如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等,还有上述编辑器的改进版本等。



转自:http://bugshouji.com/bbs-read-run?tid=176
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )