许多Web应用程序都支持用户输入 ,允许用户使用格式来编辑其文本非常好。 粗体文本,标题,链接,下划线,所有这些功能通常都需要设置原始HTML。
使用Substance框架 ,您可以使用一个脚本来支持多种编辑功能 。
物质不仅仅是Web的插件或简单的文本编辑GUI。 它是一个完整的框架,旨在支持基于Web的编辑器 。
使用基本CSS库也可以做到这一点,但这从来都不是那么容易的。 Substance可以快速安装,并具有大量功能,您可以根据站点的需要选择运行(或不运行)。
![Substance.io编辑器](https://i-blog.csdnimg.cn/blog_migrate/a05c3bbfd850c1fa0fb28705eaaa5b0d.png)
如果您想查看实际情况,请看一下“ 示例”页面 。 它支持几乎所有内容,从图像上传到自定义表情符号 ,甚至是Web内容的嵌入式表单 。
![Substance.io动画预览](https://i-blog.csdnimg.cn/blog_migrate/7e03a69310931302d954a4db19560c66.gif)
当前处于beta 6中,此框架绝对庞大。 我认为它已经可以用于生产站点 ,并且已经在Stencila等许多大型Web应用程序中使用 。 但是不知何故,这个框架已经溜走了主要开发者社区的缝隙。
它具有完整的GitHub存储库 ,其中包含浏览器支持表和您可以使用的自定义选项。
所有文件都直接通过npm加载 ,因此如果您有一些Node经验 ,将很有帮助 。 实现这一目标的最大方法是深入研究代码,并学习如何为自己的Web项目自定义Substance框架。
为此,我推荐在线文档 ,其中包含适用于所有技能水平的微型教程 。
要了解更多信息,请访问主要网站或查看此快速的两分钟介绍视频 。