我目前正在为学校开展一个元素,需要创建一个博客。我们的部分任务是创建一个输入字段,允许用户自定义字段内文本的样式。尽管我环顾四周,但还是没能找到我要找的东西。为了澄清起见,我们的目标是创建一个类似于创建帖子时此处的字段的字段(下面包含照片)。
我假设需要 Javascript 和/或 JQuery,尽管我不确定从哪里开始。功能包括文本样式、添加链接、跟踪 [return](以创建新段落)和任何其他 HTML/CSS 元素。
下面,我将举例说明我到底想要什么,以防我不清楚。
预先感谢您的任何帮助/指导!
示例1:
示例2:
最佳答案
只需使用tinymce - 除非您的任务是创建实际的控件本身,不幸的是,这比创建博客要复杂得多。
在此处获取 TinyMCE: https://github.com/tinymce
或在他们的网站上: https://www.tinymce.com/
然后创建一个textarea元素并启动控件:
在页面底部包含 TinyMCE,并在该包含下方包含此脚本。
示例@TinyMCE 站点:https://www.tinymce.com/docs/demo/basic-example/#liveexample
HTML:
<textarea></textarea>
Javascript:
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'
]
});
关于javascript - 如何允许用户使用样式自定义文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35953345/