docs: 补充 tinymce 粘贴 word 不显示边框的解决方法

This commit is contained in:
吴多益 2022-03-16 15:26:10 +08:00 committed by GitHub
parent 7f8a93716f
commit 4d3e23f080
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -96,6 +96,50 @@ order: 47
}
```
## 关于 tinymce 粘贴 word 的问题
因为 amis 中使用的是开源版本 tinymce没有商业版本功能导致比如从 Word 中粘贴表格会看不到边框,解决方法是自己
```json
{
"type": "input-rich-text",
"name": "rich",
"options": {
"content_css": "/xxx.css"
}
}
```
比如下面的示例
```css
.mce-item-table th {
font-weight: bold;
}
.mce-item-table th, .mce-item-table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
.mce-item-table tr {
border-top: 1px solid #ccc;
}
```
但最终页面渲染的时候,这个 class 没有了,得改成 table
```css
table th {
font-weight: bold;
}
table th, table td {
padding: 6px 13px;
border: 1px solid #ddd;
}
table tr {
border-top: 1px solid #ccc;
}
```
## 使用 froala 编辑器
只需要加一行 `"vendor": "froala"` 配置就行froala 是付费产品,需要设置 [richTextToken](../../start/getting-started#richtexttoken-string) 才能去掉水印。