javascript - 如何添加一个用户输入区域，就像 Wordpress 新的帖子区域一样？

Question

我想添加一个用户输入区域，就像 wordpress 新的帖子输入区域一样，并使用所有工具(例如:- 添加超链接、制作粗体字母、向帖子添加新图片等)到我的网站。任何人都可以告诉我该怎么做。

Answer 1

您可以使用 TinyMCE .它是提供所见即所得的扩展。 Wordpress 也在使用 TinyMCE。

您需要使用 javascript 初始化 tinyMCE:

tinymce.init({
  selector: 'textarea',
  height: 500,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  content_css: [
    '//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
    '//www.tinymce.com/css/codepen.min.css'
  ]
});

它将使在 init 中定义的所有当前页面选择器(示例中的 textarea)使用扩展工具显示。

<textarea>

</textarea>