共计 421 个字符,预计需要花费 2 分钟才能阅读完成。
最近经常会用到一些富文本编辑框,每次都要引入好多 JS 文件,还有调整文本框大小,最后还要写 JS 文件来获取内容……确实挺抓狂的。
其实现在用到的文本框功能无非就是改改文字大小,简单排版一下,也没必要大动干戈的嵌套复杂文本框。
后来遇到这个 js,简直太方便了,直接引入 JS 之后,初始化就可以了。完全不用新增任何一个文件。
下面列出代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/tinymce/4.7.13/tinymce.min.js"></script>
<script>
tinymce.init({selector: 'textarea'});
</script>
</head>
<body>
<textarea>
Easy! You should check out MoxieManager!
</textarea>
</body>
</html>
以上是一个 demo 示范,实际效果截图如下:
![3 秒生成超简单富文本编辑器 3 秒生成超简单富文本编辑器](https://www.dongyao.ren/wp-content/uploads/2021/11/EAA923DC-5753-44E1-AFEA-F45FBBA129B6-1024x314.png)
正文完
加入官方交流QQ群:778957856
![post-qrcode](https://www.dongyao.ren/wp-content/uploads/2022/02/gh_881d64e4be94_258.jpg)