lovetvb 發表於 2022-6-10 02:18:22

dzx 编辑器替换哪个好?

感觉所见所得的模式发帖挺不错的,网上的文章 图片复制粘贴就全部过来了<br /><br />但有时多了很多html代码&nbsp;&nbsp;得手动切换屯文本模式,复制粘贴&nbsp;&nbsp;记事本程序 再全部替换,替换好后再粘贴到屯文本模式发帖<br /><br />感觉 bbcode编辑器不是太完美,想换个好的<br />不知道那个编辑器好?<br /><br />UltraEdit是电脑上的软件,跟网页上的编辑器完全不是一个概念。<br />Ueditor是百度的,已经停更好多年了,且安全性也存在疑虑。<br />Kindeditor同上,更新时间:2016-03-31<br /><font color="#ff00">Ewebeditor(很喜欢 可惜收费 )</font><font color="#333333"><font face="&amp;quot;">HTML</font></font><font color="#136ec2"><font face="&amp;quot;">编辑器</font></font>感觉也不太安全<br /><font color="#333333"><font face="&amp;quot;">富文本编辑器</font></font><br /><font face="&amp;quot;"><font style="font-size:16px">markdown</font></font><br /><font face="&amp;quot;"><font style="font-size:16px"><br /></font></font><br />准备搭建新论坛 ,问那种编辑器好? 怎么替换啊?<br /><br /><br />——————————————————————————<br /><strong><font style="color:rgb(221, 221, 221)">众多最常用的在线Web编辑器</font></strong><br /><font color="#3a4145"><font face="&amp;quot;"><strong> jwysiwyg </strong></font></font><br /><br /><font color="#3a4145"><font face="&amp;quot;">WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。<br /></font></font><font color="#3a4145">主页:<font style="color:rgb(231, 76, 60)">http://code.google.com/p/jwysiwyg/</font></font>下载:<font style="color:rgb(231, 76, 60)">http://jwysiwyg.googlecode.com/files/jwysiwyg-0.5.zip</font>示例:<font style="color:rgb(231, 76, 60)">http://code.google.com/p/jwysiwyg/</font><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> Damn Small Rich Text Editor </strong></font></font><br /><br /><font color="#3a4145"><font face="&amp;quot;">基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。<font style="color:rgb(255, 255, 255)"><font style="font-size:10px">如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com</font></font><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/index.php</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/dsrte.zip</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/index.php</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>EditArea </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">EditArea 是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、 Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.cdolivet.net/editarea/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://sourceforge.net/project/showfiles.php?group_id=164008</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.cdolivet.net/editarea/editarea/exemples/exemple_full.html</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> NicEdit </strong></font></font><br /><br /><font color="#3a4145"><font face="&amp;quot;">NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://nicedit.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://nicedit.com/download.php</font></font>示例:<font style="color:rgb(231, 76, 60)">http://nicedit.com/demos.php</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Damn Small Rich Text Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">基 于jQuery开发,压缩之后只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能,调整文本区域大小,使用AjaxFileUpload插件上传图片,清除HTML标签,标记文本修改,支持多种浏览器(FF1.5+、 IE7、IE6)。此外还支持通过插件来扩展文本处理功能。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/index.php</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/dsrte.zip</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.avidansoft.com/dsrte/index.php</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>WYMeditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">WYMeditor是一个web WYSIWYM XHTML编辑器。<font style="color:rgb(255, 255, 255)"><font style="font-size:10px">如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com</font></font><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.wymeditor.org/en/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.wymeditor.org/download/</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.wymeditor.org/en/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>TinyMCE </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">TinyMCE 是一个开源,纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需 求的编辑器。提供汉化语言包。多浏览器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来 保存和加载内容。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://tinymce.moxiecode.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://tinymce.moxiecode.com/download.php</font></font>示例:<font style="color:rgb(231, 76, 60)">http://tinymce.moxiecode.com/examples/full.php</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Yahoo! UI : Rich Text Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">来自Yahoo! UI库中一个功能强大的Rich文本编辑器。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://developer.yahoo.com/yui/editor/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://developer.yahoo.com/yui/download/</font></font>示例:<font style="color:rgb(231, 76, 60)">http://developer.yahoo.com/yui/examples/editor/index.html</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>FCKeditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器,输出符合XHTML1.0标准,支持CSS以便能够与你的网站更好的结合,提供右键操作菜单,支持直接从Word粘贴,可以自己定制功能工具条,支持皮肤更换和通过插件扩展功能等。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.fckeditor.net/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.fckeditor.net/download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.fckeditor.net/demo</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Control.Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">Control.Editor是一个基于Mootools开发的WYSIWYG Editor。</font></font><br /><br /><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://meteora.astrata.com.mx/pages/demo/control-editor</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">下载:<font style="color:rgb(231, 76, 60)">http://meteora.astrata.com.mx/pages/demo/control-editor</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">示例:<font style="color:rgb(231, 76, 60)">http://meteora.astrata.com.mx/pages/demo/control-editor</font></font></font><br /><font color="#3a4145"><font face="&amp;quot;"><strong>openWYSIWYG </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将<strong>&lt;textarea&gt;</strong>标签转换成一个强大的<strong>WYSIWYG editor</strong>。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.openwebware.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.openwebware.com/download.shtml</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.openwebware.com/wysiwyg/demo.shtml</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Free Rich Text Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码,就能够安装该编辑器。支持以下浏览器: <strong>Internet Explorer </strong>Internet Explorer 6 (Microsoft Windows) Internet Explorer 7 (Microsoft Windows) <strong>Mozilla Firefox </strong>Mozilla Firefox 1.5+ (Microsoft Windows) Mozilla Firefox 1.5+ (Apple Macintosh) <strong>Opera </strong>Opera 9 (Microsoft Windows) <strong>Safari</strong>Safari 1.3+ (Apple Macintosh)</font></font><font color="#3a4145">主页:<font style="color:rgb(231, 76, 60)">http://www.freerichtexteditor.com/about/</font></font>下载:<font style="color:rgb(231, 76, 60)">http://www.freerichtexteditor.com/download/</font>示例:<font style="color:rgb(231, 76, 60)">http://www.freerichtexteditor.com/demo/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Xinha </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://xinha.webfactional.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://xinha.webfactional.com/wiki/DownloadsPage</font></font>示例:<font style="color:rgb(231, 76, 60)">http://xinha.webfactional.com/wiki/Examples</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>MarkitUp </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。 支持快捷键 支持Ajax动态预览&nbsp;&nbsp;支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+ 支持html、Wiki、BBScode等编辑格式<font style="color:rgb(255, 255, 255)"><font style="font-size:10px">如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com</font></font><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://markitup.jaysalvat.com/examples/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://markitup.jaysalvat.com/downloads/</font></font>示例:<font style="color:rgb(231, 76, 60)">http://markitup.jaysalvat.com/examples/skin1/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>SmartMarkUP </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">SmartMarkUP 是一个轻量级,强大的JavaScript library,它能够将Textarea控件转换成富文本编辑器。支持HTML、CSS、XML、Wiki语法、BBCode等,可按实际需求配置。 SmartMarkUP没有基于任何javascript框架开发,易于现有项目结合使用。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.phpcow.com/smartmarkup/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.phpcow.com/smartmarkup/downloads</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.phpcow.com/smartmarkup/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>CKEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">CKEditor是FCKeditor的3.0版本,具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://ckeditor.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://ckeditor.com/download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://ckeditor.com/demo</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>KindEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">KindEditor是用JavaScript编写的HTML可视化编辑器。具有: 代码量少,加载速度快。 内置自定义range,完美地支持span标记。 所有功能都是插件,增加自定义功能非常简单。 编辑器风格定义在一个CSS文件里。 支持大部分浏览器,比如IE、Firefox、Safari、Chrome、Opera。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.kindsoft.net/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://kindeditor.googlecode.com/files/kindeditor-3.3.zip</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.kindsoft.net/demo.php</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>WMD-Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">WMD(Wysiwym Markdown Editor)是一个简单,轻量级的HTML编辑器。适合在博客发表评论,论坛发贴中使用。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://wmd-editor.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://wmd-editor.com/download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://wmd-editor.com/demo</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>jHtmlArea </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://jhtmlarea.codeplex.com/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://jhtmlarea.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=30531</font></font>示例:<font style="color:rgb(231, 76, 60)">http://pietschsoft.com/demo/jHtmlArea</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>Reditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">Reditor是一个基于JQuery和JQuery UI开发的HTML Editor。</font></font><font style="color:rgb(255, 255, 255)"><font face="&amp;quot;"><font style="font-size:10px">如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://redoxite.ch/reditor/index.html</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">下载:<font style="color:rgb(231, 76, 60)">http://plugins.jquery.com/project/Reditor</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">示例:<font style="color:rgb(231, 76, 60)">http://redoxite.ch/reditor/index.html</font></font></font><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>HtmlBox </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">HtmlBox 是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。 集成Ajax支持。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://remiya.com/cms/projects/jquery-plugins/htmlbox/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://remiya.com/files/?t=1255414115&amp;f=aHRtbGJveC9IdG1sQm94XzIuOC56aXA=</font></font>示例:<font style="color:rgb(231, 76, 60)">http://remiya.com/cms/projects/jquery-plugins/htmlbox/demo_full.html</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>KISSY Editor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">一个小巧精简的HTML编辑器,仅依赖 yahoo-dom-event, min后不超过50k,gzip后不超过20k。拥有编辑器基本功能。测试过的浏览器: IE6+、Firefox3.5+、Safari4+、Chrome2+、Opera10+。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://code.google.com/p/kissy/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://kissy.googlecode.com/files/kissy_editor_1.0.0_build242.zip</font></font>示例:<font style="color:rgb(231, 76, 60)">http://kissy.googlecode.com/svn/trunk/src/editor/demo/basic.html</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> xhEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。<br />Features(特性): Small:初始加载5个文件,包括:1个js(45k)+2个css(7k)+2个图片(4k),总共56k。若js和css文件进行gzip压缩传输,可以进一步缩减为21k左右。 Fast:基于jQuery引擎开发,提供高效的代码执行效率 Simple:简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。 Word:实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码最优化精简,但是却不丢失任何细节效果。 UBB: 提供完美的UBB可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://code.google.com/p/xheditor/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://code.google.com/p/xheditor/downloads/list</font></font>示例:<font style="color:rgb(231, 76, 60)">http://xheditor.com/demos/demo1.html</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> FileManager </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">这 是一个开源,基于jQuery开发的文件管理器,可以集成到CKEditor/FCKEditor 和其它HTML编辑器中使用。实现文件上传、下载、重命名、删除。FileManager默认服务器端处理采用Python实现,但可以通过其提供的一个 简单JavaScript API来扩展对其它语言的支持。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://labs.corefive.com/Projects/FileManager/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://labs.corefive.com/Projects/FileManager/</font></font>示例:<font style="color:rgb(231, 76, 60)">http://labs.corefive.com/Projects/FileManager/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>elRTE </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">elRTE 是一个使用jQuery UI开发的开源WYSIWYG HTML编辑器。支持正常和全屏两种模式。界面都可以在一个CSS文件中配置。支持i18n,该编辑器可以很方便本地化为任意语言。elRTE自带一个 Web文件管理器叫elFinder,服务器端默认处理脚本为PHP。经测试elRTE支持Firefox3.5、Internet Explorer7/8、Safari4、Opera10和 Chrome。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.elrte.ru/en/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">https://sourceforge.net/projects/elrte/files/elrte+elfinder/elrte-1.0rc2_elfinder-1.0.1.zip/download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.elrte.ru/en/elrte-demo/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>MooEditable </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">MooEditable是一个利用Mootools开发的简单WYSIWYG编辑器。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://cheeaun.github.com/mooeditable/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://github.com/cheeaun/mooeditable/zipball/master</font></font>示例:<font style="color:rgb(231, 76, 60)">http://cheeaun.github.com/mooeditable/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>nanoWIME </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">nanoWIME是一个基于javascript简单、灵活、易于使用WikiMarkup编辑器。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://nanowime.sourceforge.net/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">https://sourceforge.net/projects/nanowime/files/nanoWIME-0.10.01.18.00.zip/download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://nanowime.sourceforge.net/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>TinyEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">TinyEditor 是一个不依赖于任何JavaScript框架,只有8kb左右的简单JavaScript WYSIWYG编辑器。可以将任意textarea转成一个编辑器。TinyEditor编辑框可以调整大小,预先设置内容,设置生成HTML或 XHTML代码等等。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.leigeber.com/2010/02/javascript-wysiwyg-editor/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://forum.leigeber.com/index.php?app=downloads&amp;showfile=10</font></font>示例:<font style="color:rgb(231, 76, 60)">http://sandbox.leigeber.com/tinyeditor/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>CLEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">CLEditor是一个开源的jQuery插件提供一个轻量级,功能齐全,跨浏览器的WYSIWYG HTML编辑器。整个插件只有8K左右,经测试支持的浏览器包括:IE6.0+、FF1.5+、Safari4+、Chrome5+和Opera10+。<br /></font></font><font color="#3a4145">主页:<font style="color:rgb(231, 76, 60)">http://premiumsoftware.net/cleditor/</font></font>下载:<font style="color:rgb(231, 76, 60)">http://premiumsoftware.net/cleditor/downloads/CLEditor1_1.zip</font>示例:<font style="color:rgb(231, 76, 60)">http://premiumsoftware.net/cleditor/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong>SyntaxHL </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">SyntaxHL是TinyMCE HTML编辑器的一个插件,它让你能够使用</font></font><font color="#e74c3c"><font face="&amp;quot;">SyntaxHighlighter</font></font><font color="#3a4145"><font face="&amp;quot;">在Web页面中插入源码语法高亮显示的代码。</font></font><br /><br /><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://github.com/RichGuk/syntaxhl</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">下载:<font style="color:rgb(231, 76, 60)">http://github.com/RichGuk/syntaxhl</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">示例:<font style="color:rgb(231, 76, 60)">http://github.com/RichGuk/syntaxhl</font></font></font><font color="#3a4145"><font face="&amp;quot;"><strong>jQuery BBCode Editor</strong> </font></font><br /><font color="#3a4145"><font face="&amp;quot;">jQuery BbCode Editor提供自定义设置用于创建个性化的bbcode编辑器,它的源代码都可以根据需求灵活修改。 支持自定义bbcode标签和表情符号,支持I18N,自定义皮肤。提供服务端支持PHP代码。<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.w3theme.com/jquery-bbedit/</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.w3theme.com/jquery-bbedit/</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.w3theme.com/jquery-bbedit/</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> TQEditor </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">开发TQEditor原因不满意对当前现在的在线编辑器的, 要么功能强大,但体积也超大, 要么体积小了, 功能却不能满足需要.<br />这是国内第一个兼容IE9的在线编辑器, 也是一个功能体积比最优的的在线编辑器<font style="color:rgb(255, 255, 255)"><font style="font-size:10px">如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com</font></font><br />目标: 最好的在线编辑器 特点:小身材,JS(56k)+CSS(8k)+图标(7k) 总计71K, 启用gz压缩后不到30K全浏览器支持, 当前支持 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+Word代码清理,有效清理从word中粘贴的代码同时保留格式默认使用SWFUpload组件处理上传, 用户体验超好自带源码格式化支持皮肤功能, 只需修改一个CSS即可自定义皮肤一键自动排版功能,内置自动图文排版, 默认即适合大多数的文章内容排版形式灵活的扩展功能, 方便按业务需要扩展功能未来特性, 具体实现时间未定: 屏幕截图 (需要插件支持, 且只支持IE)直接粘贴Word文档的图片 (需要插件支持, 且只支持IE)表格功能增强(方便的设置表格./行/列/单元格属性, 合并单元格等)UBB编辑功能其它语言包<br /><br /></font><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://www.e512.net/tqeditor/demos/index.htm</font></font></font><font color="#3a4145">下载:<font style="color:rgb(231, 76, 60)">http://www.e512.net/tqeditor/demos/index.htm#download</font></font>示例:<font style="color:rgb(231, 76, 60)">http://www.e512.net/tqeditor/demos/demo_toolbar.htm</font><br /><br /><br /><br /><font color="#3a4145"><font face="&amp;quot;"><strong> KISSY </strong></font></font><br /><font color="#3a4145"><font face="&amp;quot;">KISSY是由淘宝前端攻城师们发起的一个开源项目。</font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">KISSY提供了设计模式库、脚本库和最佳开发流程等工具,致力于减少重复开发,提高开发效率。</font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">具有小巧灵活, 简洁实用, 使用起来让人感觉愉悦的特点。<br /></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">主页:<font style="color:rgb(231, 76, 60)">http://docs.kissyui.com/</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">下载:<font style="color:rgb(231, 76, 60)">http://docs.kissyui.com/</font></font></font><font style="color:rgb(58, 65, 69)"><font face="&amp;quot;">示例:<font style="color:rgb(231, 76, 60)">http://docs.kissyui.com/</font></font></font><br /><br />quot<em>, </em>left

lovetvb 發表於 2022-6-10 02:27:56

<font style="background-color:white">在过去的三年中,HTML5吸引了大量的关注并且强力统治如今的互联网时代。由于互联网已经发生了翻天覆地的改变,使得HTML5不得不先人一步做出改变。HTML编辑器实质上是用来制作网页的软件应用,专业的HTML编辑器可以为开发者提供很大的方便和额外的功能。相当多的HTML编辑器不仅仅服务于HTML,同时也服务于一些相关语言如CSS,JavaScript,XML,还有ECMAScript。</font><font style="background-color:white"><font style="font-size:16px">如果你是一个HTML5的热衷者,那么我猜你对可以进行网页开发和Web应用制作的HTML5的编辑器应该会很感兴趣吧。我们已经收集了七款顶级HTML5编辑器给你提供参考。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_og4Ec" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924a7800016a6806070300.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">AptanaStudio3</font></font><font style="background-color:white"><font style="font-size:16px">Aptana这个HTML5编辑器是一个开源的开发工具,支持开放的Web开发。开发者可以使用单一的设置来测试他们的Web应用程序。Aptana支持大多数现代浏览器技术,例如HTML5,CSS3,JavaScript,PHP,RubyRails,Ruby,和Python。其功能包括JavaScript代码提示,HTML,GIF的融入,IDE自定义,和操作向导。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_guN11" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924aa0000154dd06070300_2022-05-30_11-31-51.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">BlueGriffon</font></font><font style="background-color:white"><font style="font-size:16px">作为新一代的一代HTML5编辑器,BlueGriffon所提供的全新的所见即所得(WYSIWYG)的内容编辑是由为Gecko提供的技术支持(Gecko是火狐引擎服务提供商)。BlueGriffon是可以免费下载的,它同时支持Windows,Linux和MACOSX三个平台。它可以帮助你制作和编辑所有的HTML5以及HTML5文件。用户可以很容易地制作网页和工艺精细的UI用户界面。不得不提的是,这个编辑器支持包括中文在内的9种语言。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_B78BR" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924aae00015d1706070300_2022-05-30_11-34-11.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">AlohaEditor</font></font><font style="background-color:white"><font style="font-size:16px">作为一款最先进的WYSIWYG(所见即所得)网页编辑器,它是基于浏览器的富文本编辑器框架,javascript创建。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中来使用。同时AlohaEditor的巧妙设计还大大缩短了我们的编辑时间。所以不得不说AlohaEditor在用户体验方面是数一数二的。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_uCPPU" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924ad00001295106070288_2022-05-30_11-35-24.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">Maqetta</font></font><font style="background-color:white"><font style="font-size:16px">Maqetta作为一个开源项目同时也是一个HTML5的编辑器。Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中不需借助额外的下载和插件。这个编辑器的功能可谓是多种多样,包括开发和设计工作流、网页可视编辑,WYSIWYG可视化页面编辑、拖曳式移动UI设计、设计或源码浏览同步编辑、线框图、主题编辑器和窗口小部件、JavaScript库,等等。Maqetta支持几乎所有最新的浏览器其中包括:谷歌Chrome,火狐,和苹果的Safari。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_g6F6w" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924ae40001cd6f06070292_2022-05-30_11-36-23.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">Rendera</font></font><font style="background-color:white"><font style="font-size:16px">Rendera是一个在线的HTML5编辑器,它支持设计或源码浏览同步编辑。你可以在浏览器里轻松地运用HTML5或者CSS3。Rendera最大的特点就是支持SASS和HAML,因此在此环境下对于HTML5和CSS3的学习进程就会大大的加速了。借助Rendera,你可以测试你的Javascript编码或者试验jQuery工具、插件和jqueryUI。</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_MEFVp" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55949cdf0001008c06700150_2022-05-30_11-39-13.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_rY1zK" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55949d2d0001b35606700150_2022-05-30_11-37-38.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">Webstorm10</font></font><font style="background-color:white"><font style="font-size:16px">应慕课粉丝们的强力推荐,在这里给大家推荐被广大国内开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”的一款工具,Webstorm10。因为其有着强大的智能提示功能而出名。其代码补全包含了所有流行的库:JQuery,YUI,Dojo,Prototype,MootoolsandBindows。Webstorm的还具有代码检测、快速修改功能、和代码的智能重构,让你的代码简洁干净和安全,这使得工作起来轻松不少。不仅如此,最近版本的Webstorm10还添加支持了最新的TypeScript1.4,并且兼容Windows,MacOS和Linux三个主流操作平台。</font></font><font style="background-color:white"><font style="font-size:16px">(感谢子瑞Red、___Violin等网友的建议)</font></font><font style="background-color:white"><font style="font-size:16px"><img id="aimg_a3Nj5" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" height="100" src="http://qiniu.ailigo.top/55924af8000153ea06070297_2022-05-30_11-40-47.png" border="0" alt="" /></font></font><font style="background-color:white"><font style="font-size:16px">DreamweaverCS5</font></font><font style="background-color:white"><font style="font-size:16px">最后介绍的重磅压轴选手就是我们再熟悉不过的Dreamweaver。新一代的DreamweaverCS5轻松支持HTML5。并且借助Dreamweaver的帮助,使用者可以轻松的利用CSStabdesigner来制作CSS菜单。作为一个功能全面的编辑器,Dreamweaver提供多屏幕预览功,所见即所得功能,并且搭载了AdobeBrowserLab和jQueryMobile。最重要的是他的兼容性,他支持CSS3,HTML5,iOS,Android应用。尽管他售价不低,但Dreamweaver绝对是一个可用性非常强的工具,推荐购买。</font></font><font style="background-color:white"><font style="font-size:16px"><br /></font></font><font style="background-color:white"><font style="font-size:16px"><br /></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px">真正为内容管理系统及其用户提供动力需要许多实用程序。最重要的实用程序之一是高性能、功能丰富的所见即所得编辑器。我们一直不得不在现有的两个编辑器 CKEditor 和 TinyMCE 之间进行选择,但现在我们有了</font></font></font><font style="color:rgb(6, 129, 208)"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px">Froala,它是 Sencha 的下一代 WYSIWYG 编辑器</font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px">。</font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#404040"><font face="-apple-system, BlinkMacSystemFont, &amp;quot"><font style="font-size:16px"><br /></font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px">BaKoMa TeX软件由俄罗斯的物理学教授Basil K.Malyshev开发,是目前第一个真正的所见即所得LaTeX排版系统。</font></font></font><br /><font color="#333333"><font face="&amp;quot"><font style="font-size:15px">BaKoMa TeX系统除了经典的Centure编辑器+dview预览器组合外,真正的所见即所得编辑器是TexWord,如同在Word中输入编辑。您还可以使用Centure+TexWord组合增强编辑功能:既可在传统编辑器Centure中输入LaTeX源代码,等待文件自动保存时,TexWord即时更新;也可在所见即所得编辑器TexWord中直接输入编辑,当然Centure中源文件也会相应更新。</font></font></font><br /><font color="#333333"><font face="&amp;quot"><font style="font-size:15px">BaKoMa TeX可以捆绑TeXLive 2022的全部宏包,形成便携式版本。</font></font></font><br /><font color="#333333"><font face="&amp;quot"><font style="font-size:15px">链接:https://pan.baidu.com/s/1AdABUAMkWgL5NJaCYMTkLg</font></font></font><br /><font color="#333333"><font face="&amp;quot"><font style="font-size:15px">提取码:2022</font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px"><br /></font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px"><br /></font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px"><br /></font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px"><br /></font></font></font><font style="color:rgb(34, 34, 34)"><font face="-apple-system, &amp;quot"><font style="font-size:16px">目前Typora以外最好的编辑器应该就是MarkText了,剩下还不错的基本都是笔记软件了</font></font></font><font style="color:rgb(34, 34, 34)"><font face="-apple-system, &amp;quot"><font style="font-size:16px"><font style="background-color:transparent">https://alternativeto.net/software/typora/ 26</font></font></font></font></font><font color="#333333"><font face="&amp;quot"><font style="font-size:15px"><br /></font></font></font><br />

lovetvb 發表於 2022-6-10 02:33:30

<table cellspacing="0" class="t_table" style="width:98%"><tr><td>所见即所得”编辑器的一些致使的弱点?</td></tr><tr><td>答案是: 1.难以精确达到与浏览器完全一致的显示效果;2.因为“所见即所得”编辑器在生成代码时,是按照软件编制人员事先设计好的模式做的;因此不能完全适应各种不同的情况,尤其在实现同样效果地,“所见即所得”的编辑器往往会书写出冗余度高的代码,不如手工书写的来得简洁。<font color="#333333"><font face="Arial, &amp;quot;"><font style="font-size:16px">Typora+是一款适配+Windows+/+macOS+平台的+Markdown+编辑器,编辑实时预览标记格式,所见即所得,轻巧而强大。支持大纲目录、插入图片公式、流程图等功能,结合文档管理、打字机模式、自定义主题享受写作的快乐。</font></font></font><font color="#333333"><font face="Arial, &amp;quot;"><font style="font-size:16px"><br /></font></font></font><br /><font style="color:rgba(0, 0, 0, 0.75)"><font face="-apple-system, &amp;quot;"><strong>13个顶级免费所见即所得文本编辑器工具</strong></font><br /><font style="color:rgba(0, 0, 0, 0.75)"><font face="-apple-system, &amp;quot;"><br /></font><br /><br /><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_A1h71" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/20210318213237398.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R1bmluZXQ=,size_16,color_FFFFFF,t_70#pic_center" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /><br /></font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><br /></font></font></font></p><strong>CKEditor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">CKEditor拥有10多年的开发经验,你可以完全放心此文本编辑器的质量。它支持70多种语言,我认为这是你网站的不错选择。它还可以运行在许多不同的浏览器上,并能很好地与大多数前端<font style="color:rgb(252, 85, 49)">框架</font>,如reat,vue,angular…你可以使用CDN直接嵌入到你的HTML页面中…。目前它有两个版本并行运行的CKEditor4和CKEditor5,根据不同的使用目的,你会选择适合自己的编辑器。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_g3VdL" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/294f71cc4d22a7976abd1e4af7a8da56.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Trumbowyg</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Trumbowyg是针对HTML5优化的代码编辑器,它支持大多数流行的浏览器,例如IE9 +,Firefox,Chrome等。据我所知,它包含用于文本编辑的所有工具,仅为20Kb,它轻巧,将帮助你的网站更流畅地运行。此外,它还具有其他支持插件来帮助你更好地工作,例如插入表情符号,其他国家/地区的支持语言,添加声音,插入特殊字符…</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_oCTxT" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/1f4f477bd2108684e1e148c79673360c.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>TinyMCE</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">TinyMCE 5是一款编辑器,它能让你灵活地编辑、添加或删除本程序中的部分内容。除了基本的编辑器,那么我发现它还提供了很多支持,更好的用户体验,如添加评论,测试检查路径,提供优质的图标和界面,检查拼写的内容… 然而,这也是它的弱点,因为如果你想使用高级工具,你必须每月支付约25美元。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_lpqde" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/4b5d05895290a3a789eb8b534e12ca8d.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Quill</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Quill是一个开放源代码编辑器,因此可以将其用于所有类型的商业或非商业网站。它有很多功能,如添加链接,图像,视频或添加代码片段的内容…关于Quill,我最喜欢的一点是它的简单设置和显示,可以在多设备屏幕上的所有现代的、响应迅速的web浏览器上显示,还有使用它的常见问题的详细说明。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_dpZZK" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/7fc7fa716c3f23fcd3fcb1dd720fe5b8.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Trix</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Trix是一个开源的编辑器,可以让你在Web中轻松地撰写消息、写评论、写帖子…,并被良好编程的平板电脑使用。如果你只需要创建内容所需的功能,那么Trix同样是不错的选择。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_cB7Z1" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/fa2d34946460b960193328ec59a8260d.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Jodit Editor 3</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Jodit Editor 3是一个用纯TypeScript编写的开源github编辑器,不使用任何其他库。它允许你以多种方式设置它,如通过npm、使用<font style="color:rgb(252, 85, 49)">CDN</font>…。我喜欢它的是,除了详细的说明,还有一个程序,通过代码让我们自由选择哪些工具附加到Jodit Editor。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_d9Db3" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/0543ef84e5d92937f291435d82fdb68b.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Summernote</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Summernote是GitHub上的开源编辑器,获得了超过9K星。它是通过Bootstrap框架设计的,具有在你的网站上创建内容所需的所有功能。你只需要下载它的源文件css,js,再加上Bootstrap框架(也支持3、4两个版本)就已经可以为你的网站服务了。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_CKyOJ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/bc9e094a809a67558d31e5b0f0d36cbb.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Editor.js</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Editor.js是一个开源的块状编辑器,它不会像普通的编辑器那样使用标签HTML,将内容以JSON的形式输出,使其更容易管理。它还支持通过使用API的插件,多亏了这一点,应该任何功能 任何开发者都可以为这个程序贡献更多有趣和有用的插件。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_vb1Rl" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/07b824b1892e628d4e77599788c5b067.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>MediumEditor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">MediumEditor是Medium的内置的开放源代码编辑器,用于人们博客。它仅包含编辑器所需的基本实用程序,因此仅约28kB,这将有助于你的网站得到优化。同时如果我们想要添加其他功能,为了优化编辑,MediumEditor还提供了额外的外部实用工具,定期更新。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_D14Bx" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/aa2f2e06d8c9d27c0cb89c27f2f0d3b3.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Wysihtml</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Wysihtml是一个由Voog团队构建的开源编辑器。它功能齐全,可以帮助你轻松编辑文本,并且支持大多数现代屏幕浏览器的设备图像。有很多工具我很喜欢它是自动转换不合适的HTML标签率,自动分析内容时从Word, PDF,显示内容为HTML…</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_Xt1AA" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/6d7ac7d132aa9e6adc0b435a0d9b87ff.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>ContentTools</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">ContentTools是内置的开源编辑器,可帮助你轻松地一种方式编辑HTML内容。它提供了用于编辑内容的各种实用程序,你还可以轻松地将Message Institute和其他实用程序添加到程序中(请参阅脱机API部分)。我还发现了如何设置,添加或删除程序中的函数的文章…都是非常细致的。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_gpCin" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/dfdb7f6c27290fb49400298aff334617.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Froala</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Froala是一个编辑器,可以很容易地为网站设置,并允许你根据预期用途打开广泛的功能。由于它是用纯JavaScript编写的,因此你可以将其用于当今的大多数现代前端框架。它还提供了许多有用的工具,以及编辑图像,添加或编辑视频,添加图标,管理面板等。但是,如果你要使用该工具用于商业目的,则必须购买许可证。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_sb49D" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/dfdb7f6c27290fb49400298aff334617.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Redactor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Redactor是一款功能齐全的编辑器,具有精美而简单的设计。超过9年的发展,包括很多支持插件,我想这是一个很好的产品。另外它对程序员在使用程序的过程中遇到的每一个常见问题都有极其详细的实例。但是,它也有一个缺点,当你将其用于商业目的时必须购买许可证。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_OGt35" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/16d4ea37da6ccc3f96ca25f77798c6da.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><hr class="l" /><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">原文:https://dev.to/haycuoilennao19/t ... -editing-tools-4lbd</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">作者:haycuoilennao19)</font></font></font></p><strong>CKEditor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">CKEditor拥有10多年的开发经验,你可以完全放心此文本编辑器的质量。它支持70多种语言,我认为这是你网站的不错选择。它还可以运行在许多不同的浏览器上,并能很好地与大多数前端框架,如reat,vue,<font style="color:rgb(252, 85, 49)">angular</font>…你可以使用CDN直接嵌入到你的HTML页面中…。目前它有两个版本并行运行的CKEditor4和CKEditor5,根据不同的使用目的,你会选择适合自己的编辑器。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_UJ52K" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/294f71cc4d22a7976abd1e4af7a8da56.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Trumbowyg</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Trumbowyg是针对HTML5优化的代码编辑器,它支持大多数流行的浏览器,例如IE9 +,Firefox,Chrome等。据我所知,它包含用于文本编辑的所有工具,仅为20Kb,它轻巧,将帮助你的网站更流畅地运行。此外,它还具有其他支持插件来帮助你更好地工作,例如插入表情符号,其他国家/地区的支持语言,添加声音,插入特殊字符…</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_fzUP3" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/1f4f477bd2108684e1e148c79673360c.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>TinyMCE</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">TinyMCE 5是一款编辑器,它能让你灵活地编辑、添加或删除本程序中的部分内容。除了基本的编辑器,那么我发现它还提供了很多支持,更好的用户体验,如添加评论,测试检查路径,提供优质的图标和界面,检查拼写的内容… 然而,这也是它的弱点,因为如果你想使用高级工具,你必须每月支付约25美元。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_c6rdw" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/4b5d05895290a3a789eb8b534e12ca8d.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Quill</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Quill是一个开放源代码编辑器,因此可以将其用于所有类型的商业或非商业网站。它有很多功能,如添加链接,图像,视频或添加代码片段的内容…关于Quill,我最喜欢的一点是它的简单设置和显示,可以在多设备屏幕上的所有现代的、响应迅速的web浏览器上显示,还有使用它的常见问题的详细说明。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_r1zFJ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/7fc7fa716c3f23fcd3fcb1dd720fe5b8.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Trix</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Trix是一个开源的编辑器,可以让你在Web中轻松地撰写消息、写评论、写帖子…,并被良好编程的平板电脑使用。如果你只需要创建内容所需的功能,那么Trix同样是不错的选择。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_Cm2j5" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/fa2d34946460b960193328ec59a8260d.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Jodit Editor 3</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Jodit Editor 3是一个用纯TypeScript编写的开源github编辑器,不使用任何其他库。它允许你以多种方式设置它,如通过npm、使用CDN…。我喜欢它的是,除了详细的说明,还有一个程序,通过代码让我们自由选择哪些工具附加到Jodit Editor。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_YVedv" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/0543ef84e5d92937f291435d82fdb68b.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Summernote</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Summernote是GitHub上的开源编辑器,获得了超过9K星。它是通过Bootstrap框架设计的,具有在你的网站上创建内容所需的所有功能。你只需要下载它的源文件css,js,再加上Bootstrap框架(也支持3、4两个版本)就已经可以为你的网站服务了。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_B43Xz" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/bc9e094a809a67558d31e5b0f0d36cbb.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Editor.js</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Editor.js是一个开源的块状编辑器,它不会像普通的编辑器那样使用标签HTML,将内容以JSON的形式输出,使其更容易管理。它还支持通过使用API的插件,多亏了这一点,应该任何功能 任何开发者都可以为这个程序贡献更多有趣和有用的插件。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_KKqk9" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/07b824b1892e628d4e77599788c5b067.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>MediumEditor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">MediumEditor是Medium的内置的开放源代码编辑器,用于人们博客。它仅包含编辑器所需的基本实用程序,因此仅约28kB,这将有助于你的网站得到优化。同时如果我们想要添加其他功能,为了优化编辑,MediumEditor还提供了额外的外部实用工具,定期更新。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_CFAfQ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/aa2f2e06d8c9d27c0cb89c27f2f0d3b3.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Wysihtml</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Wysihtml是一个由Voog团队构建的开源编辑器。它功能齐全,可以帮助你轻松编辑文本,并且支持大多数现代屏幕浏览器的设备图像。有很多工具我很喜欢它是自动转换不合适的HTML标签率,自动分析内容时从Word, PDF,显示内容为HTML…</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_GnNm1" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/6d7ac7d132aa9e6adc0b435a0d9b87ff.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>ContentTools</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">ContentTools是内置的开源编辑器,可帮助你轻松地一种方式编辑HTML内容。它提供了用于编辑内容的各种实用程序,你还可以轻松地将Message Institute和其他实用程序添加到程序中(请参阅脱机API部分)。我还发现了如何设置,添加或删除程序中的函数的文章…都是非常细致的。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_wa3E2" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/dfdb7f6c27290fb49400298aff334617.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Froala</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Froala是一个编辑器,可以很容易地为网站设置,并允许你根据预期用途打开广泛的功能。由于它是用纯JavaScript编写的,因此你可以将其用于当今的大多数现代前端框架。它还提供了许多有用的工具,以及编辑图像,添加或编辑视频,添加图标,管理面板等。但是,如果你要使用该工具用于商业目的,则必须购买许可证。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_QQsLe" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/dfdb7f6c27290fb49400298aff334617.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><strong>Redactor</strong><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px">Redactor是一款功能齐全的编辑器,具有精美而简单的设计。超过9年的发展,包括很多支持插件,我想这是一个很好的产品。另外它对程序员在使用程序的过程中遇到的每一个常见问题都有极其详细的实例。但是,它也有一个缺点,当你将其用于商业目的时必须购买许可证。</font></font></font></p><p style="line-height:26px;text-indent:nullem;text-align:left"><font style="color:rgb(77, 77, 77)"><font face="-apple-system, &amp;quot;"><font style="font-size:16px"><img id="aimg_jazAZ" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://img-blog.csdnimg.cn/img_convert/16d4ea37da6ccc3f96ca25f77798c6da.png" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></font></p><br />

lovetvb 發表於 2022-6-10 02:43:50

<blockquote>免费、好用、强大的 Markdown 编辑器综合评测和推荐</blockquote>如今,在编辑器领域,Markdown 大行其道。那么,如何使用 Markdown 语法呢?又如何选择合适的 Markdown 编辑器呢?Markdown 语法的历史与使用同我们熟悉的 HTML 一样, Markdown 也是一种标记语言。Markdown 的最大、最重要的设计思想是,不需要解释直接看源文件也非常清晰可读。那么,为什么我要使用 Markdown 语法?这是因为 Markdown 语法通过使用一些约定俗成的标记,实现对于文本内容的快速排版。使用 Markdown 语法,你可以聚焦于内容创作,而不再为排版所分神。此外,如今已经有大量的博客网站、笔记软件、写作软件都已经支持 Markdown 语法。Markdown 具有轻量化、易读易写易学等特性。你花费十几分钟就可以掌握大多数 Markdown 语法内容。当然,Markdown 编辑器也有自己的缺陷。最大的问题在于,一些高级 Markdown 语法缺少统一的标准,比如现在存在 GitHub Flavored Markdown,CommonMark,MultiMarkdown. 另外一个问题便是 Markdown 编辑器对图片、表格支持不太好。当然,图片可以使用图床工具进行嵌入。表格的话,Markdown 语法也支持基本表格。不过,我并不推荐你在 Markdown 语法中使用过多的表格。<br /><br /><font style="background-color:rgb(255, 255, 255)">几种即见即所得Web编辑器优缺点比较</font><br /><font style="background-color:rgb(239, 239, 239)">说说我对我用过(了解过)的一些富文本客户端的感受,肯定不全面,希望大家补充一下,给选型的朋友一个参考。</font><br /><br />1、ewebeditor(国产,http://www.ewebeditor.net/),优点,功能很强大;缺点:使用需要收费,笨重,速度慢。<br /><br />2、xheditor(国产,http://xheditor.com/) ,优点:开源免费,轻量、快速、简单,用 JQuery 开发,尤其喜欢它的文件上传;缺点:当前版本不支持对表格的单元格的合并、拆分、单元格属性的修改。<br /><br />3、CKEditor/FckEditor(国外,http://ckeditor.com),优点:开源免费,功能强大,完整的二次开发接口和文档,可以添加编辑 Form 表单元素(如按钮、输入框等),是开发自定义表单的不二选择;缺点,笨重,不常用的功能,如对&nbsp;&nbsp;Form 表单元素的修改编辑 bug 稍多。<br /><br />4、UEditor(国产,http://ueditor.baidu.com/),优点,开源免费,表格的编辑是我用过的编辑器中最灵活的,如支持单元格合并拆分等,二次加载速度快,有百度公司的支持,缺点,文档较少,文件上传部分找不到任何文档,虽然自称轻量,但其全功能、去除 ui 后、压缩后的js也将近300k,第一次加载速度慢。<br /><br />5、kindEditor(国产,http://www.kindsoft.net/),优点,开源免费,轻量,加载速度快,文档齐全;缺点,不支持对表格的单元格的合并、拆分。<br /><font style="background-color:rgb(239, 239, 239)">个人建议:</font><br /><font style="background-color:rgb(239, 239, 239)">如果不需要表格合并和拆分功能、同时使用 jquery 的话,xheditor 是最好的选择;如果不想用 jquery,或对 jquery 比较陌生,可以考虑 kindeditor;</font><br /><font style="background-color:rgb(239, 239, 239)">如果需要做自定义表单,比如,编辑页面上要添加表单功能,ckeditor 是最好的选择;</font><br /><font style="background-color:rgb(239, 239, 239)">如果费用非常充足,客户端机器配置较高,并且在局域网使用,可以考虑 ewebeditor;</font><br /><font style="background-color:rgb(239, 239, 239)">如果对表格编辑有较高的要求,尤其是需要单元格合并、拆分功能的话,Ueditor 是个不错的选择。</font><font style="background-color:rgb(239, 239, 239)"><br /></font><font style="background-color:rgb(239, 239, 239)"><br /></font><strong>终于找到了一款近乎完美的 Markdown 编辑器</strong><font style="color:rgb(153, 153, 153)"><font face="Arial, &amp;quot">2022-05-16 15:17:32 来源: <font style="color:rgb(153, 153, 153)">小鱼Q美食屋</font> <img id="aimg_yVx1T" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://static.ws.126.net/163/f2e/dy_media/dy_media/static/images/ipLocation.f6d00eb.svg" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" />江苏&nbsp;&nbsp;</font></font><br /><font style="color:rgb(153, 153, 153)"><font face="Arial, &amp;quot"><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">作为程序员,用 Markdown 写技术文章、文档应该是一个刚性的需求。</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">我本人对 Markdown 编辑器具有重度需求,对 Markdown 编辑器要求比较高,试过 MarkdownPad、Milkdown、Vnote、StackEdit 、Typora 等十几款 Markdown 编辑器,总是感觉不是特别满意。</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">总的来说,收费的 Typora 是体验最好的,但我仍然感觉不是特别满意。最近,使用了免费开源的 MarkText,一下子就喜欢上了,感觉基本满足了我的所有需求,这里给大家推荐一下。当然,使用体验是一个非常个人化感受,大家仁者见仁、智者见智。</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">简介</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">MarkText 一个简单优雅的开源 Markdown 编辑器,专注于速度和可用性。我个人感觉和 Typora 比较像,基本 Typora 有的功能 MarkText 都有,但在一些操作习惯上,我更加喜欢MarkText。而且,MarkText 以 MIT 协议免费开源,开发社区非常活跃,功能更新很快。</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">支持平台</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">主流的桌面操作系统 Windows、macOS、Linux 都支持。不支持移动平台。这一点对笔者来说影响不大,因为写作还是电脑上才行,如果有移动平台需求的话,MarkText 无法满足你的需求。</font></font><font style="color:rgb(64, 64, 64)"><font style="font-size:18px">主要特性</font></font><ul><li>使用 virtual DOM 来渲染页面,速度非常快。<li>完全自由开源的,并且将永远是开源的<li>实时预览(所见即所得)和简洁易用的界面<li>支持 CommonMark 规范 和 GitHub Flavored Markdown 规范<li>支持数学表达式(KaTeX)<li>丰富的图表支持,包括 vega、flowchart、plantUML、mermaid 等<li>支持段落和内联样式快捷方式,以提高您的写作效率。<li>输出<strong>HTML</strong><strong>PDF</strong>文件。<li>内置三款亮色三款暗色主题,字体等选项可自定义<li>各种编辑模式:<strong>源代码模式</strong><strong>打字机模式</strong><strong>专注模式</strong><li>直接从剪贴板中粘贴图片。<li>内置对 Github 图床的支持,另外通过 PicGo(需要另外安装),可以支持大量的第三方图床服务,比如阿里云、腾讯云、七牛等。<li>支持文件夹管理<li>如果您还不满意,可以直接通过源码构建自己的编辑器,官方还贴心的提供了详细的文档。<br /></ul><font color="#404040"><font style="font-size:18px">主题预览</font></font><br /><font style="color:rgb(64, 64, 64)"><font style="font-size:18px"><strong>浅色主题</strong></font></font><p style="line-height:20px;text-indent:nullem;text-align:center"><font style="color:rgb(102, 102, 102)"><font style="font-size:16px"><img id="aimg_P0908" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0516%2Ff61da877j00rbys94000xc000hs00c5c.jpg&amp;thumbnail=660x2147483647&amp;quality=80&amp;type=jpg" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /><br /></font></font></p><font style="color:rgb(64, 64, 64)"><font style="font-size:18px"><strong>深色主题</strong></font></font><p style="line-height:20px;text-indent:nullem;text-align:center"><font style="color:rgb(102, 102, 102)"><font style="font-size:16px"><img id="aimg_OpKSK" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2022%2F0516%2F060b06dej00rbys95000sc000hs00c6c.jpg&amp;thumbnail=660x2147483647&amp;quality=80&amp;type=jpg" onmouseover="img_onmouseoverfunc(this)" lazyloadthumb="1" border="0" alt="" /></font></font></p></font></font><br /><br /><br /><br />
頁: [1]
查看完整版本: dzx 编辑器替换哪个好?