相关文章推荐
玩足球的柠檬  ·  HTML textarea ...·  1 年前    · 

在上一篇文章 「 TinyMCE | 一款非常不错的富文本编辑器 」 中介绍了TinyMCE的简单配置,以及如何自定义上传图片,如果我们手头上有一篇含有文字图片的文章,如何直接拷贝过来粘贴到这款富文本编辑器中呢,这篇文章告诉你答案。

<!DOCTYPE html>
  <script src='tinymce.min.js'></script>
  <script>
  tinymce.init({
    selector: '#mytextarea',
    language:'zh_CN',
    plugins: 'powerpaste image table imagetools',
    toolbar: 'image | table',
    width:1000,
    height: 650, //编辑器高度
    min_height: 400
  </script>
</head>
<h1>TinyMCE快速开始示例</h1>
  <form method="post">
    <textarea id="mytextarea">Hello, World!</textarea>
  </form>
</body>
</html>

1. 如何快速排版图片?

这个问题其实和 如何在word中快速排版图片 是一样的。比如排版一个九宫格图片,如果全靠纯手工打造就太low了,思想就是创建一个3×3的表格,然后分别插入图片,居中显示,设置好表格大小,然后隐藏表格边框就OK了。

在TinyMCE中添加插件Table,让编辑器支持表格插件,然后就和word操作类似了。