[TOC]

魔方自带表的管理这些了，非常方便，特别是对一些简单的小表。
在后台，打开该表，高级中有个生成表单。
image.png

  • 然后在项目中就会多出VIEW

image.png

选择使用富文本编辑器-iceEditor

  • 这个编辑就一个很小的JS，不需要其他引用，太牛X了，功能齐全。
  • 官方地址
  • http://www.iceui.cn/iceEditor/index
  • 下载编辑器
  • 将iceEditor.js文件COPY到我的项目静态目录wwwroot下
  • 然后前台引用了
    <script type="text/JavaScript" src="/iceEditor.js"></script>

    <textarea class="form-control" cols="20" id="KeyPointsList" name="KeyPointsList" rows="3">@entity.KeyPointsList</textarea>
    ``` 

    
- 效果

![image.png](https://cdn.nlark.com/yuque/0/2021/png/1174002/1631420164543-d7fdcc39-d8ea-438f-b846-8cd4ee9e1220.png#clientId=u6450cc76-683a-4&from=paste&height=216&id=u9ddd4af7&margin=%5Bobject%20Object%5D&name=image.png&originHeight=216&originWidth=905&originalType=binary&ratio=1&size=15035&status=done&style=none&taskId=u8e9908c6-b226-4386-b18b-7a75ab86818&width=905)

- 读出前台

![image.png](https://cdn.nlark.com/yuque/0/2021/png/1174002/1631420921226-5b46fb13-7fc1-4311-b929-3f0be682a912.png#clientId=u6450cc76-683a-4&from=paste&height=146&id=ud7d8e352&margin=%5Bobject%20Object%5D&name=image.png&originHeight=146&originWidth=808&originalType=binary&ratio=1&size=11021&status=done&style=none&taskId=u95f1d50d-9342-42d6-8d76-580a4ad121c&width=808)

- 这个不是html拉，我们怎么弄哩。下一步
- 在前台使用Html.Raw

    @Html.Raw(item.KeyPointsList)

        </div>

    ```

    • 效果

    image.png