带有一些编辑选项的文本区域

4 html javascript text-editor

我的网站上需要一个简单的文本编辑器,仅具有以下选项:
- 有序和无序列表
- 标题或粗体字符
- 水平线

有没有办法通过在现有textarea标签内编码来获取上述内容

我尝试使用contentEditablediv 但存在很多问题,例如return更改前面文本的格式等等。

小智 8

您可以使用ckeditor,它非常简单且可定制

\n\n

https://ckeditor.com/ckeditor-5/

\n\n

例子:

\n\n

\r\n
\r\n
<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n    <meta charset="utf-8">\r\n    <title>CKEditor 5 \xe2\x80\x93 Classic editor</title>\r\n    <script src="https://cdn.ckeditor.com/ckeditor5/11.0.1/classic/ckeditor.js"></script>\r\n</head>\r\n<body>\r\n    <h1>Classic editor</h1>\r\n    <textarea name="content" id="editor">\r\n        &lt;p&gt;This is some sample content.&lt;/p&gt;\r\n    </textarea>\r\n    <script>\r\n        ClassicEditor\r\n            .create( document.querySelector( \'#editor\' ) )\r\n            .catch( error => {\r\n                console.error( error );\r\n            } );\r\n    </script>\r\n</body>\r\n</html>
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n