gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 13:21:28 25 4
gpt4 key购买 nike

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

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

我试过使用contentEditable div,但是那里有很多问题,例如return改变前面文本的格式等等。

最佳答案

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

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

例子:

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

关于javascript - 带有一些编辑选项的文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52198772/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com