TinyMCE 在Asp.Net中的使用方法其实挺简单的,从官方网站下载TinyMCE),然后将里面的jscripts目录拷到你的网站目录
假设你的aspx页面中某一个地方需要用到编辑器,则加入
<asp:TextBox ID=”brand” TextMode=”MultiLine” runat=”server” />
并同时在header里加入:
<script src=”../js/tiny_mce/tiny_mce_src.js” type=”text/javascript”></script>
<script language=”javascript” type=”text/javascript”>
tinyMCE.init({
mode : “textareas”,
theme : “simple”
});
</script>
运行页面,即可以看到一个编辑器出现了,并且你在服务端可以通过brand.Text来获取值(你可能会看到一个出错的提示,这时只需要将.aspx最开始的<%@ Page 里加入ValidateRequest=”false”,即可)
当然,如果你页面中有多个textareas,你可能只希望某一个用编辑器代替,则上面的mode一行改为:
mode : "exact", elements : “对应的ID”
需要其它的用法,可以到官方网站查看
----------------------------------------------------------------
中文乱码问题:在设置好TinyMCE的语言包后,在ASP.net中使用的时候却总是不正常,无法争取读取到语言包内容。仔细研究后发现,原来是因为ASP.net 2.0默认的HTTPResponse输出的编码是utf-8,而非中文gb2312,或是gb18030、HZ所以就会出现设置正确,但是在页面执行的时候却出现错误,不能正确读取语言包的配置的问题。我们可以在Page类的加载过程Load中加入如果设置语句就可以解决这个问题 Response.ContentEncoding = Encoding.GetEncoding("gb2312")重新编译执行后,就可以正常读取到中文语言资源包中的内容了。
-----------------------------------------------------
相关资源收集:tinymce中文字体过小解决方法
tinymce不管哪个版本,中文的默认字体都是太小了,编辑了保存以后再拿出来还莫名其妙的变的很大。
解决方案:js/themes/advanced/css/editor_content.css中的
body, td, pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
10px改为12px就可以了。
分享到:
相关推荐
TinyMCE 富文本编辑器 ,里面包含了配置文档和使用详细文档。
tinymce 富文本编辑器导出插件, 支持导出word 导出pdf,可通过配置修改下载文件名称
tinyMCE 富文本编辑器 line-height 行高插件。 tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件
tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴。demo.html
应用JS实现,TinyMCE富文本编辑器导出为word文档,可解决图片,表格的导出,这是实现的demo,可以直接取用
资源分数改不了,尴尬。亲测 好用。tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴。demo.html
tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示
tinymce中文语言包,在项目中引入后,需要设置初始化参数:language: 'zh_CN'即可。
vue-tinymce 封装了el-upload 控件,支持富文本编辑器自定义图片上传整合。 复制到vue的src/components文件夹下 详情博文介绍见:https://xingyun.blog.csdn.net/article/details/102492921
vue-tinymce富文本:在vue中使用tinymce富文本编辑器,tinymce富文本编辑器插入图片,自定义菜单按钮封装
TinyMCE 版本 6 富文本编辑器资源包
tinyMCE 富文本编辑器 line-height 行高插件。...tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示 tinyMCE line-height 行高插件
tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴.rar
欢迎来到 Tinymce-plugin 这是一个专注 提供 强大、好用、丰富 的 tinymce 富文本编辑器 插件、扩展 和 技术 的技术
tinymce是很强大的富文本编辑器,可以去官网下载,这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用,此插件目前官网收费每月12美刀,我们就不花这钱了。以vue为例说明:将tinymce下载...
主要介绍了在 Vue 项目中引入 tinymce 富文本编辑器的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
配套使用贴 【富文本编辑器功能】vue实现富文本编辑器Tinymce功能,保留编辑器格式文章展示在页面上【前后端代码展示,简单好用】 https://blog.csdn.net/seeeeeeeeeee/article/details/123902423