开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

你能推荐一个非HTML WYSIWYG网页编辑器吗？

当然可以！在这里，我推荐一个非HTML WYSIWYG网页编辑器——TinyMCE。

TinyMCE是一款流行的开源网页编辑器，它提供了丰富的功能，让用户可以轻松地编辑和美化网页内容。它支持多种插件，可以实现各种高级功能，如拖放、图像编辑、表格编辑等。

TinyMCE的优势：

开源免费：TinyMCE是一款开源的网页编辑器，可以免费使用。
跨平台：TinyMCE可以在各种浏览器和操作系统上运行，包括Windows、Mac和Linux等。
可定制：TinyMCE提供了丰富的配置选项，可以根据需要定制编辑器的功能和外观。
支持多种插件：TinyMCE支持多种插件，可以实现各种高级功能。
支持多种语言：TinyMCE支持多种语言，包括英语、中文等。

TinyMCE的应用场景：

网站内容管理系统：TinyMCE可以集成到网站内容管理系统中，让用户轻松地编辑和美化网站内容。
在线编辑器：TinyMCE可以用于构建在线编辑器，让用户在浏览器中编辑和预览文档。
桌面应用程序：TinyMCE可以集成到桌面应用程序中，让用户轻松地编辑和美化文档。

推荐的腾讯云相关产品：

腾讯云COS：腾讯云COS是一款可靠、高效、安全、低成本的云存储服务，可以用于存储网站内容和其他文件。
腾讯云CDN：腾讯云CDN是一款高速、稳定、安全、易用的内容分发网络服务，可以用于加速网站访问速度。
腾讯云SSL证书：腾讯云SSL证书是一款可靠、高效、安全的SSL证书服务，可以用于保护网站的安全性。

推荐的产品介绍链接地址：

TinyMCE官方网站：https://www.tiny.cloud/
腾讯云COS官方网站：https://cloud.tencent.com/product/cos
腾讯云CDN官方网站：https://cloud.tencent.com/product/cdn
腾讯云SSL证书官方网站：https://cloud.tencent.com/product/ssl

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【开源】2md：将复制的内容、网页转成 markdown

如果一个 Markdown 编辑器不能解决问题，那么就用两个编辑器。作为一个作者、程序员，兼知名的 markdown 程序员，我总是要在 Markdown、HTML、PDF 各种格式之间进行转换。...2md 以前，当我需要将 HTML 转为 Markdown 的时候，我会使用 to-markdown 的 Demo 网页，来转换相应的 HTML 为 Markdown。...而，实际上，我只需要一个 WYSIWYG 编辑器，然后再将内容转为 Markdown 就可以了。因此，就有了 2md： ? 2MD 截图一如即往的，保持了简洁的风格。...，或者编辑器里直接复制内容，粘贴到左侧的编辑器里：如 MacDown ?...2MD MacDown 又或者是直接对网页进行复制： ? 2MD WebSite 说了，这么多，你要来试试吗？

5.8K8 0

Vue富文本_ueditor编辑器

富文本编辑器 wangEditor 百度UEditor bootstrap-wysiwyg ckeditor Kindeditor Tinymce vue-quill-editor wangeditor...我就查了一下资料，了解了一些目前常用的富文本编辑器 wangEditor 官网：http://www.wangeditor.com/index.html 文档：https://www.kancloud.cn...缺点：插件提交较大，网页加载速度相对就慢了些。使用复杂，属于前后端不分离插件，在使用时需要配置后端的一些东西。...bootstrap-wysiwyg bootstrap-wysiwyg：是bootstrap官网推荐的。...vue-quill-editor 插入图片的方式是将图片转为base64再放入内容中，这样就会产生一个问题，如果图片比较大的话，富文本的内容就会很大，这样，就会有两个问题：（1）内容存在数据库中一方面会占用大量的数据库存储空间

3K2 0

精读《对 Markdown 的思考》

我找到了一篇批判无脑使用 Markdown 作为技术选型的好文 Thoughts On Markdown，它提到 Markdown 在标准化、结构化、组件化都存在硬伤，如果你真的想做一个现代化的文本结构编辑器...如今任何一款面向非开发者群体的文档编辑器都不会采用 Markdown 了，而是所见即所得的 WYSIWYG（what you see is what you want）模式。...这个转变的过程是痛苦的，但现在来看，富文本编辑器不应用用 Markdown 语法，而是 WYSIWYG 模式已经是共识了。...比如 Jekyll 就提出了 FrontMatter 概念用来创建复用的变量： --- food: Pizza --- {{ page.food }} WYSIWYG 编辑器不应将...再有，如果 HTML 存在冗余，其实当前光标所在位置已经被加粗标签包裹了好几层，但因为光标所在区域又被另一个样式标签覆盖成非加粗模式，当再次输入时可能就跳出了覆盖范围，重新变成了加粗，这个过程符合用户预期吗

9332 0

14款web前端常用的富文本编辑器插件

它提供类似于Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。...作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。...10、jodit 网址：https://xdsoft.net/jodit/ Jodit是一款使用纯TypeScript编写的（无需使用其他库），美观实用的所见即所得（WYSIWYG）开源富文本编辑器，...12、froala Editor 网址：https://www.froala.com/wysiwyg-editor 界面非常好看，功能非常强大，非常好用（非免费，可破解） 13、eWebEditor...dhtmlxEditor分为免费版和收费版，免费版具有绝大多数功能，而且免费版是开源的你可以在代码级别随便扩充。

17.8K4 1

xwiki功能-快捷键

快捷键能帮助你节省时间，因为可以不需要鼠标，直接用键盘做很多操作。使用快捷键查看模式查看模式的快捷方式只适用于高级用户，防止普通用户误按键盘上的按键，得到错误的操作。...WYSIWYG编辑器区域里，下面列出的快捷键将无法工作，因为WYSIWYG编辑器抓取所有按键事件。...Alt + C 取消编辑 Alt + P 不保存，预览该网页 Alt + Shift + S 保存并继续编辑 Alt + S 保存并查看 WYSIWYG编辑模式 Ctrl + A 选择编辑区域内的所有内容...你可以添加这几行JavaScript来添加自己的快捷键： //<!...删除快捷键要删除此快捷键你需要： //<!

8713 0

华山论剑，谈谈 GitHub 上那几个开源的前端编辑器

当我们要开发一个博客、社区、论坛等内容生产平台的时候，为用户挑选一个 UI 优雅简洁、交互丝滑顺畅的文本编辑器总是必不可少的一步。...从我个人的审美来看，这款编辑器的 UI 也不算特别出众，将其列在这个推荐表中，主要是因为该项目的知名度较高。...SimpleMDE 看标题你应该已经知道了，这个项目仅支持 Markdown 编辑。为什么不用 WYSIWYG（所见即所得）编辑而选用 Markdown 编辑呢？...这里引用下作者在项目中的一段表述： WYSIWYG editors that produce HTML are often complex and buggy....今天给大家推荐的几个编辑器，各有其优缺点，虽然 GitHub 上还有其它功能更为强大的编辑器，但我觉得上面几个应该基本就能满足内容操作网站的日常使用需求了。少即是多，够用就好。

6193 0

选择正确的SEO网站

网站的选择会影响谷歌seo 网站创建方法纯手工简单的HTML编辑器 WYSIWYG HTML编辑器 博客系统或内容管理系统 Wordpress Drupal Joomla 5.使用建站系统创建简单的页面...，其实也叫做简单内容管理系统谷歌seo网站常见问题你能够在你的新网页修改某些东西；你要控制网址中使用的文件和文件夹名称；你能够修改标题标签，描述标签或者是关键词元标签；理想情况下，你能够在页面中使用...谷歌seo网站可以独立操作你需要能够拥有与网页上的h1标记不同的标题标记，而该标记独立于网页的网址。你还需要能够创建XML站点地图，你真的需要创建移动友好的网站。...如你是手写html，意识到你几乎肯定不是或如果你使用的是一个HTML编辑器，那么就不是问题了，你有完全访问HTML的权限可以做你想做的事情。...如果服务提供商提供了一种简单的方法来创建网页，那么系统会将用户从HTML中隔离出来，从而提供简单的Web界面来创建这些页面，这可能是一个问题。

7632 0

笔记软件的历史、选择策略以及深度评测

并且，Markdown 可以十分方便地转化为 HTML、PDF 等多种文本格式。...3.2 缺点：Markdown 标记语言虽然简化了排版操作，同时也带来了一个新的问题：将文档分为编辑模式和预览模式，在一定程度上对内容创作形成了干扰。...3.3 针对 Markdown 的标记问题，实时预览和即时渲染的所见即所得模式｜WYSIWYG成为 Markdown 编辑器的发展方向，实现了和富文本一样的呈现效果。以便实现真正的无干扰编辑体验。...如果你在寻找 Markdown 编辑器，首先建议你选择支持所见即所得的Markdown 编辑器。...如果你喜欢大纲编辑器，推荐使用 WorkFlowy、Dynalist、幕布、Cloud Outliner Pro、Roam Research、Logseq.

1.4K3 0

如何使用markdown书写微信订阅号素材？

先看一个知乎上获赞颇多的一个问答：哪个微信编辑器比较好用？作者首先释嫌，说：本人与135无任何利益相关，也未受过任何一家编辑器的钱。...用什么编辑器你自己觉得哪个顺手就用哪个，我的观点只是告诉你这些编辑器有哪些优势，仅此而已。...之后罗列了诸多编辑器： 135 i 排版易点秀米壹伴助手新媒体管家各有优缺点，样式多，排版方便，大多是WYSIWYG的编辑器，省去很多编辑功夫。...一个作者回答的很充分：因为Markdown毕竟还是部分程序员与少部分作家/编辑才熟悉的格式，而大多数人依然喜欢 WYSIWYG 的编辑器 另外，Markdown作为编辑器出现时还会有更多的麻烦，比如他需要编译后才能作为格式化文本进行查看...于是，我果断推荐此书写过程。微信要求素材必须有封面，于是有下面的图片。 ?

1.7K2 0

20款优秀的基于浏览器的在线代码编辑器「建议收藏」

Thimble 提供的是双面板设计，左侧为带语法高亮的代码编辑，右侧可实时预览网页效果，如果用户对效果满意，可通过右上方的蓝色 “Publish” 按钮一键发布，还可通过提供的Twitter 发布按钮与好友分享你的设计成果...它提供了一个由4各部分组成的界面： HTML 编辑器 CSS 编辑器 JavaScript 编辑器 输出界面马上使用 6. CodeMirror 五星推荐！...Drawter Drawter是一个基于Web的编辑器（写在JavaScript和jQuery库为基础），有不少字面上可以请你网站的代码与每个标记，作为一个你画层提出。...Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。...Squad Editor Squad是一个基于网页的代码编辑器，可相互协作，你可以在任何地方访问它。马上使用 20.

3.9K1 0

玩转谷歌优化（Google Optimize）

02 输入你的实验名称、编辑器页面以及要运行的实验类型。编辑器页面是利用可视化编辑器进行修改的页面。例如，如果你正在博客页面上运行实验，请输入一个进入博客的URL。...包含/不包含包含匹配类型（也称为“子串匹配”）允许你使用较长的字符串定向出现的任何子字符串。以…开头/非…开头“以..开头”类型的匹配从查询字符串开头到包含指定字符串中最后一个字符的相同字符。...以…结束/非…结束输入的值与URL结尾的完全匹配。你可以定向URL末尾为“/thankyou.html”的购物车页面。...下载优化扩展程序后，你可以通过点击其中一个变体来进入可视化编辑器。 编辑器加载时，你将看到你在设置实验时定义的编辑器页面。如果你曾经使用过WYSIWYG编辑器，那这个界面看起来是比较直观的。...下面提供了有关此编辑器中可用选项的详细信息。 1. 实验名称。即你的实验名称。 2. 切换变量。显示变体的下拉列表，选择一个变体后则会将其加载到编辑器中。 3. 设备测试。

3.8K7 0

WYSIWYG富文本编辑器选择——综合考虑功能与版权协议

，主流富文本编辑器，功能非常全，你需要的大多数功能它都支持。.../Facebook出品，这个是精品其实 facebook 早在 2016-02-19 就开源一个一款富文本编辑器叫 draft-js，那为何又要再开源 Lexical 呢？...如果就免费开源来源说：react 项目，推荐lexicalvue项目，推荐wangeditor参考文章：Quill富文本编辑器的实践 - DevUI https://segmentfault.com/a...Vue 富文本编辑器 https://kalacloud.com/blog/vue-richtext-editor/转载本站文章《WYSIWYG富文本编辑器选择——综合考虑功能与版权协议》,请注明出处...：https://www.zhoulujun.cn/html/php/phpcms/2022_0510_8810.html

2.2K2 0

xwiki功能-附件

使用WYSIWYG编辑器 当使用WYSIWYG编辑器编辑页面时，可以在工具栏点击“Link > Attached File...”。...你也可以点击"Image > Attached Image"，你会得到一个类似如下图所示的弹出窗口： ? 请注意，你可以直接在同一个弹出窗口中创建一个到附件/图像的链接。...链接到附件或者图片如果你使用的是wiki编辑器，你可以使用wiki语法来显示图像或链接到附件。...如果你使用的是WYSIWYG编辑器，然后使用“Link > Attached File...”或“Image > Attached Image”按钮，如下图所示：链接到外部附件或者图片如果你的文件是在一个远程服务器上...Syntax 2.0: [[text to display>>http://some_remote_server/path/to/file]] 显示位于远程服务器上的图像，可以使用下面的HTML代码片段

1.4K2 0

零基础向：为什么要学习编程&如何入门编程

节约下来的时间，不就是你的财富吗？再直白一点，学点编程，技能傍身，混不下去了也能养活自己，技术不断精进，收入也会随之增长，这或许也是最实在的收获。...编程难吗？难，学到精深处，需要大量的数学基础和推导，需要投入大量的精力，学好了能轻松月入X万；编程简单吗？简单，零基础成为一位“hello world”程序员也不过半天工夫。...但是也有例外，网页和爬虫这对相爱相杀的孪生兄弟，就是学习编程中所见即所得的代表。先说网页。我们日常浏览的网页是HTML格式，其本质是一个文本文档，和txt是没有差别的。...学习网页，推荐给大家一个网站，时间关系，就不再写更详细了： https://www.freecodecamp.org/ 至于爬虫。什么是爬虫呢？爬虫可以说是写网页的逆向过程了，如同加与减乘与除一般。...如同写网页文档的所见即所得，写爬虫程序时你也很容易能看到自己每一步程序的输出结果，当你有一个具体需求（一般是批量抓取一系列有规律网页的有规律数据）时，这样的输出结果带来的反馈可以激励你一点一点完成一个复杂的程序

1.3K10 0

xwiki功能-页面编辑

编辑网页，你所要做的就是点击“编辑”按钮上的箭头。请注意，“编辑”按钮的位置，这取决于你的wiki正在使用的皮肤。如果你使用的是Flamingo皮肤，你会看到如下： ?...用XWiki 企业1.7开始，我们有2个所见即所得的编辑器，我们正在逐步淘汰旧的使用XWiki语法1.0的编辑器（基于TinyMCE）。...如果你的文档使用XWiki语法2.0，或者如果你的wiki默认配置为使用XWiki语法2.0，那么你就可以自动使用新的所见即所得的编辑器（基于GWT）。...如果你想改变页面的父亲，那么你需要以Wiki或WYSIWYG编辑器来编辑页面。 ? 为了编辑页面父节点，请点击页面上面标题的小铅笔。 ?...含有这种结构化信息的页面可以被编辑和以简单的HTML表单编辑。因此，单击编辑按钮时，页面内容就地可以进行编辑，或内联编辑。

2.1K1 0

前端技术观察第 15 期

放弃支持 Node 10 以下版本，结尾逗号默认不能省略，单个参数的箭头函数参数需要包裹在括号中 https://prettier.io/blog/2020/03/21/2.0.0.html ECMAScript...）已处于 stage 4 的特性包括：import()、BigInt、Optional chaining 等等 https://2ality.com/2019/12/ecmascript-2020.html...Apple 在试图杀死 PWA 吗？...与Markdown编辑器（英）一款10K stars的富文本编辑器，支持Markdown和WYSIWYG模式，2.0版包含诸多优化与新特性 https://javascriptweekly.com/link...-512的算法库（英）一款支持多种加密算法实现的JS库 https://javascriptweekly.com/link/86041/web 《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集

6052 0

程序员都在 GitHub 上开源过哪些高颜值的 Markdown 客户端？

适用平台：macOS、Windows 这个是最近刚在微博上推荐的一个项目，作者将其产品定位为一个静态的博客写作客户端，也即是说，你可以在客户端上面写作，然后顺便将文章发布到静态博客上。...、Dropbox 等工具进行文章同步支持外链的封面图从上面列举出来的几项特性可以看到，Gridea 相对于普通的 Markdown 编辑器更加强大，如果你希望写作编辑与文章同步能无缝进行，不妨试下这个编辑器...编辑器，支持 WYSIWYG（所见即所得）的编辑方式，致力于给你提供一个专注的写作环境。...该编辑器还内置了插件功能，你可以为其添加 KaTeX 数学公式、emoji 表情等插件扩展。在你编写完成后，还可以很方便的将 Markdown 导出为 HTML 或 PDF 文件。...这款编辑器相对来说年代较为久远，但也比较稳定，如果你对稳定性的追求比较高，可以体验下这块编辑器。关注 GitHubDaily 公众号，后台回复「417」获取项目链接 ? 我用哪款编辑器？

1.5K1 0

浏览器编译代码_ie浏览器html编辑器

Thimble 提供的是双面板设计，左侧为带语法高亮的代码编辑，右侧可实时预览网页效果，如果用户对效果满意，可通过右上方的蓝色 “Publish” 按钮一键发布，还可通过提供的Twitter 发布按钮与好友分享你的设计成果...它提供了一个由4各部分组成的界面： HTML 编辑器 CSS 编辑器 JavaScript 编辑器 输出界面马上使用 6....Drawter Drawter是一个基于Web的编辑器（写在JavaScript和jQuery库为基础），有不少字面上可以请你网站的代码与每个标记，作为一个你画层提出。...Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。...Squad Editor Squad是一个基于网页的代码编辑器，可相互协作，你可以在任何地方访问它。马上使用 20.

2.4K3 0

12 款适用于开发人员的最佳 Web 开发软件

它们将使您能够毫不费力地创建、编辑和更新网页。而且，如果您是新手或没有编码经验，您可以使用此集合中包含的 WYSIWYG 编辑器编辑/创建网页。 1. ...Macaw – 适合精通代码的人的最佳网页设计软件定价：免费社论评分： ★★★★ 在最好的网站设计工具中，Macaw 通过提供与您最喜欢的图像编辑器相同的灵活性而与众不同，同时还编写语义 HTML...它使您能够编写和编辑任何代码，包括 JavaScript、HTML、CSS 和 XTL。它的 WYSIWYG 界面可让您在创建时查看最终结果的外观。 6. ...Github——全球领先的软件开发平台定价：免费，专业版 - 7 美元/月，团队版 - 9 美元/月社论评分： ★★★★★ 如果你不了解 GitHub，你就不是一个真正合格的开发者。...它是一个用 JavaScript 编写的库，可以添加到 HTML 页面中。更多网站设计和开发资源 12.

2.1K5 0

完全开源，永久免费，这款 MarkDown 编辑器真香！

MarkDown编辑器中优秀者众多，但是使用顺手，简洁大方符合个人审美的并不是很多，Typora算一个，个人也比较喜欢，但是作者最近也开始收费，毕竟优秀的产品需要money的支持，如果你已经养成了使用习惯...好了，今天小编要推荐的这款开源Markdown编辑器，同样是一个优秀的编辑器，简单而优雅。名曰：Mark Text！目前 Star 也是直线上升，达到23K。...1、截屏 2、特征实时预览 (WYSIWYG) 和干净简单的界面，以获得无干扰的写作体验。...4、编辑模式源代码高亮 5、作者：为什么要写另一个编辑器？我喜欢写作。我用了很多markdown编辑器，但仍然没有一个编辑器可以完全满足我的需求。当我写一些难以忍受的错误时，我不喜欢被打扰。...好了，如果你也想要使用Mark Text，你也可以去GitHub自己下载。可能太稳定，需要梯子。

2.8K7 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭