简介
summernote-plugins 是一个基于 summernote 富文本编辑器的扩展包,提供了更丰富的功能和更友好的用户体验。它扩展了 summernote 原有的功能,例如增加了表格插件、LaTeX 公式插件、虚线插件、图片上传插件等。
安装
可以通过 npm 安装 summernote-plugins 包。运行以下命令:
--- ------- ---------- ------------------
使用
使用 summernote-plugins 其实很简单,唯一需要注意的是需要在 summernote 启用之前引入 summernote-plugins 等相关资源。
--------- ----- ------ ------ ----- ---------------- ----------------- --------------- ----- -------------------------------------------------------------------------- ----------------- ----- -------------------------------------------------------------------------------------- ----------------- ------- ------ ---- ---------------------- ------- ---------------------------------------------------------------------- ------- ----------------------------------------------------------------------------- ------- ------------------------------------------------------------------------------- ------- ---------------------------------------------------------------------------------- ------- ---------------------------------------------------------------------------------------------- -------- ------------ - ----------------------------- ------- ---- -------- - --------- -------- --------- ------------ ---------- -------- ----------------- -------------- -------------- ------------ -------------- --------- ----------- -------- ------ ----- -------------- ---------- ------------ --------- ----------- ---------- ------ ------- ---------- ---------- -------- -------------- ----------- ------- -------- -- -------- - -------------- --- -------- - ----- ----- -- ------------ --- ------------------ -- - --- --- --------- ------- -------
插件列表
tableResize
表格自适应宽度
latex
支持 LaTeX 公式
promocode
支持添加代码片段和语言高亮
imageBlobResize
支持修改图片大小
应用示例
tableResize
-------- ------------ - ----------------------------- -------- - --------- ---------- -- -------- - -------------- -- - --- --- ---------
latex
-------- ------------ - ----------------------------- -------- - ---------- ---------- -- -------- - -------- -- - --- --- ---------
promocode
-------- ------------ - ----------------------------- -------- - -------- ------------ ------------- -- ----------- - ----- ------------ --------- ----- ------------ ----- -------- -- ------ --------- -- -------- - ------------ -- - --- --- ---------
imageBlobResize
-------- ------------ - ----------------------------- ------- ---- -------- - --------- -------- --------- ------------ ---------- -------- ----------------- -------------- -------------- ------------ -------------- --------- ----------- -------- ------ ----- -------------- ---------- ------------ ---------- ------ ------- ---------- ---------- -------- -------------- ----------- ------- -------- -- -------- - ------------------ -- - --- --- ---------
总结
本文介绍了 summernote-plugins 包的相关内容,通过学习,我们可以进一步扩展 summernote 富文本编辑器的功能,改善用户体验。最后,希望本文对大家有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005668881e8991b448e2c38