javascript - 带有一些编辑选项的文本区域
问题描述
我的网站需要一个简单的文本编辑器,只有以下选项:
- 有序列表和无序列表
- 标题或粗体字符
- 水平线
有没有办法在现有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">
<p>This is some sample content.</p>
</textarea>
<script>
ClassicEditor
.create( document.querySelector( '#editor' ) )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>
推荐阅读
- java - 递归 JSON 输入导致 SyntaxError:JSON.parse 处 JSON 输入意外结束
- linux - 获取bash:curl中意外标记“(”附近的语法错误
- snowflake-cloud-data-platform - SnowflakeStrategy:下推失败:SQL 编译错误
- outlook - 通过 COM 发送邮件时如何防止 Win Terminal Server 2019 上的 Outlook 安全弹出窗口?
- angular - 将多个网站重定向到 C#.net 中的单个域
- android - 如何通过包含依赖项的 gradle 制作 jar
- angular - StaticInjectorError(AppModule)[NbOAuth2AuthStrategy -> InjectionToken Window];NullInjectorError: No provider for InjectionToken Window
- heroku - 如何从 heroku 的 porstgreSQL 备份中只下载特定的表?
- javascript - 将 Tagify javascript 数组转换为字符串
- node.js - iisnode 无法在 Windows 10 家庭版上运行