如何像Wordpress新帖子区域一样添加用户输入区域?

时间:2016-02-12 02:24:26

标签: javascript html css web user-input

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

1 个答案:

答案 0 :(得分:1)

您可以使用TinyMCE。 它是提供WYSIWYG的扩展。 Wordpress也在使用TinyMCE。

您需要使用javascript:

初始化tinyMCE
var seed = new[] { 0L, 1L, 2L, 3L }.ToObservable();
Observable.Concat(seed, Observable.Interval(TimeSpan.FromMilliseconds(100)))
    .GroupBy(i => i % 4)
    .Select(grp=>grp.Skip(1))   //Ignore the first/seed value.

它将使所有当前页面选择器(例如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