html编辑器菜鸟工具,富文本编辑器TinyMCE菜鸟使用教程

系统：windows10

工具：Visual Studio 2017

语言：C#

我正在做毕设，需要保存信息，直接保存到数据库的文本没有格式，问过老师之后明白需要使用富文本编辑器接收信息，然后存入数据库。老师给我了一个Ckeditor，个人感觉比较丑，(主要是老师没有给使用文档，我作为一个完完全全的小菜鸟，根本不会使)，我就从网上找好看并且好用的富文本编辑器，TinyMCE就是最佳的选择。

我后台使用的是一般处理程序。

我们先来看一下TinyMCE的效果图

个人感觉还是比较好看的。现在给大家讲如何使用。

首先，你需要进入TinyMCE官网免费注册一下，得到一个免费的Key，如图

原装的富文本编辑器是英文的，如果你想使用中文的话，请点击Language Packages | TinyMCE这里，下载对应语言的js文件。

下载成功后，把文件解压，放在langs/...文件夹中，把文件夹放入解决方案。

然后在前端，html页面，

中间，引入.

代码1

而后继续添加

代码2

tinymce.init({

selector: 'textarea',

language: 'zh_CN',

});

此时引用结束。现在在正文

中你理想的位置，添加一下代码

代码3

Hello, World!

现在大体结构已经完成，看一下成果吧

如图！这就是成果。

如果你不想要“文件”那一栏，就在代码2中，添加这句话menubar: false,

如果不想要“加粗”那一栏，就在代码2中，添加这句话toolbar: false,

想要在后台接受富文本编辑器中内容，则需要把 Hello, World! 添加name属性，然后在后台接受

例如我的代码为Hello, World!

使用string  content=context.Request["content"];来接受文本即可。

以下就是Tiny简单实用办法

不过，我在使用的时候，后台使用string接受富文本编辑器中内容时，出现一个问题，如图

这个时候需要在Web.config标签中，添加

在中添加requestValidationMode="2.0"

成为

requestValidationMode="2.0"

/>

即可！

新手小白，如果有不对的，还请大佬指教！，如果有人有对一般处理程序感兴趣的话，也可以关注我微信公众号：Wuluo_97      大家一起探讨鸭！