tinymce使用教程

❶ 用tinymce存进数据库的内容如何读取

你怎么把tinymce编辑器中的内容存到DB中

❷ jsp 使用 tinymce

上传图片查查common-fileupload，spring的控件。google一下就可以了，挺简单的

❸ joomla1.7正式版自带的TinyMCE编辑器怎么添加中文字体（比如：楷体、隶书、幼圆等）

非常简单，正确方法抄是在TinyMCE下的JS模板文件添加样式字体即可。
1、找到你的安装目录下的editor_template.js文件，如：\www\Joomla1.7\media\editors\tinymce\jscripts\tiny_mce\themes\advanced\editor_template.js
2、打开JS文件后，Ctrf+F查找"theme_advanced_fonts"，在此后面添加你需要的字体即可，也可以把不需要的英文字体删掉，例如 ：
......theme_advanced_fonts:"微软雅黑=微软雅黑;Andale Mono=andale mono,times;Arial=arial.......

❹ tinymce在线编辑器如何动态更新内容

tinymce在线编辑器必须在IE下使用才可以，火狐浏览器和谷歌浏览器都有拦截工具所以tinymce在线编辑器不能正常运行。

❺ 如何给TinyMCE编辑器添加上自定义图标按钮

第一步：创建视频代码短代码函数

将下列代码放置到主题模板函数 functions.php 闭合中：

//搜狐视频
function sohu_video($atts, $content=null){
return '<center><embed flashvars="autoplay=false" width="870" height="590" wmode="Transparent" allowfullscreen="true" allownetworking="internal" allowscriptaccess="never" quality="high" src="'.$content.'&skinNum=1&topBar=0&showRecommend=0&autoplay=false&api_key=&sogouBtn=0" type="application/x-shockwave-flash"/></embed></center>';
}
add_shortcode('sohu','sohu_video');
第二步：TinyMCE 编辑器下如何插入视频短代码

在撰写文章时如下输入，即可插入搜狐视频，无需粘贴复制 embed 代码。(去除 * 号)

[*sohu]http://share.vrs.sohu.com/1001161/v.swf&autoplay=false&xuid=[/sohu]
段代码部分完结。手动输入 [*sohu] & [/sohu] 还是有些麻烦，下面讲解如何给 TinyMCE 编辑器添加自定义图标按钮。

TinyMCE 添加自定义图标按钮

第一步：创建按钮初始化函数

将下列代码放置到主题函数模板 functions.php 闭合中：

//创建按钮初始函数
add_action('init', 'custom_button');
function custom_button() {
//判断用户是否有编辑文章和页面的权限
if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
return;
}
//判断用户是否使用可视化编辑器
if ( get_user_option('rich_editing') == 'true' ) {

add_filter( 'mce_external_plugins', 'add_plugin' );
add_filter( 'mce_buttons', 'register_button' );
}
}
第二步：注册按钮以及它的 TinyMCE 插件

将下列代码放置到主题函数模板 functions.php 闭合中：

//注册按钮
function register_button( $buttons ) {
array_push( $buttons, "|", "youku" );//添加一个优酷视频按钮
array_push( $buttons, "|", "sohu" );//添加一个搜狐视频按钮
return $buttons;
}
//注册TinyMCE按钮插件
function add_plugin( $plugin_array ) {
$plugin_array['youku'] = get_bloginfo( 'template_url' ) . '/myeditor/youku.js';//优酷按钮的js路径
$plugin_array['sohu'] = get_bloginfo( 'template_url' ) . '/myeditor/sohu.js';//搜狐按钮的js路径
return $plugin_array;
}
第三步：完成图标按钮 TinyMCE 插件 JS 部分

在第二步中 add_plugin 函数中引入了 JS，根据路径创建好 js 文件，以 youku.js 为例说明。将下列代码保存为 youku.js, 上传到指定目录/myeditor/。(去除�0�2*�0�2号)

// Youku
(function() {
tinymce.create('tinymce.plugins.youku', {//注意这里有个 youku
init : function(ed, url) {
ed.addButton('youku', {//注意这一行有一个 youku
title : 'Youku',//图标文字说明
image : url+'/youku.png',//注意图片的路径 url是当前js的路径
onclick : function() {
ed.selection.setContent('[*youku]' + ed.selection.getContent() + '[/youku]');
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('youku', tinymce.plugins.youku);//注意这里有两个 youku
})();
注：上述代码调用的图标 youku.png 也放置在主题 /myeditor/ 目录（新建）

❻ javaweb中使用tinymce

mode：textareas或者来exact
elements：配合mode中exact使用，它的值为自html中要使用的textaear的id或name名称
theme：所使用的样式
skin：找到相应的skin目录下样式
skin_variant：skin目录下的文件css选择，如：skin_variant : "black"表示：skins\o2k7\ui_black.css
plugins：plugins文件夹下插件的选择使用
theme_advanced_buttons1:第一行的功能按钮显示，一下以此类推theme_advanced_buttons2等等
3 扩展
向输入框中通过js追加一个图片并显示，js代码如下：
tinyMCE.execCommand(‘mceInsertContent’,false,"<p><img src=\"../images/house.jpg\" alt=\"\" width=\"588\" height=\"419\" /></p>");
通过js获取输入框内容，代码如下：
tinyMCE.getInstanceById(‘txtcontent’).getBody().innerHTML

❼ tinymce怎么上传附件，就像javaeye这样

tinymce好像并不支持图片上传,所以如果需要图片上传可以使用kindeditor等编辑器.国内的网络编辑器也蛮好用的.

下面是我个人的解决办法,也许你能从网上找到更好的.这里就做个参考吧.因为我这个方案你直接拿过去是用不了的.

解决的思路是:在image控件上做文章.添加一个上传按钮,把上传回传的url贴到image控件的地址框里.

我以前是这么处理的.

tinymce.init({
selector:"#"+editorId,
theme:"modern",
language:"zh_CN",/*需要下面这个语言包*/
/*language_url:"/tinymce/langs/zh_CN.js",*/
/**plugins:[moxiemanagerwordcount]不要这个插件
*moxiemanager需要购买，wordcount不能统计中文
**/
plugins:[
"",
"",
"",
""],
toolbar1:"insertfileundoredo|styleselect|bolditalic||bullistnumlistoutdentindent|linkimage",
toolbar2:"printpreviewmedia|forecolorbackcoloremoticons",

image_advtab:true,
/**
*（如果插入的图片的路径是相对路径的话）自动转换插入的图片的路径，设置为false就不会自动转换了，替代的是绝对的路径。
*@typeBoolean
*/
convert_urls:false,
templates:[{
title:'Testtemplate1',
content:'Test1'
},{
title:'Testtemplate2',
content:'Test2'
}],
setup:function(editor){
editor.on('show',onShow);
editor.on('hide',onHidden);
editor.on('change',onChange);
}
});

在plugins里面要包含image控件.convert_urls最好设成false以便于使用绝对路径

最后建议,可以的话选择其它的富文本编辑器吧.

❽ 请问django如何接入tinymce富文本编辑器

这个几乎不需要配置啊。你先把tineymce安装好。这个看它的教程中的installation就可以搞定。

<!专--Placeinsidethe<head>ofyourHTML-->
<scripttype="text/javascript"src="<yourinstallationpath>/tinymce/tinymce.min.js"></script>
<scripttype="text/javascript">
tinymce.init({
selector:"textarea"
});
</script>

<!---->
<formmethod="post">
<textarea></textarea>
</form>

你只需要将form中的action写成你的属django对应的处理的path就可以了。

内容加载，可能就需要用template了。

❾ TinyMCE如何使用

你把js文件来的路径改成相对路自径应该可以：
src="/js/jscripts/tiny_mce/tiny_mce.js"
没记错的话，这里的第一个/代表主机根目录
改成：
src="js/jscripts/tiny_mce/tiny_mce.js"
不行hi我

❿ tinymce组件怎么重写样式

mode：textareas或者exact
elements：配合mode中exact使用，它的值为html中要使用的textaear的id或name名称
theme：所使用的样式
skin：找到相应的skin目录下样式
skin_variant：skin目录下的文件css选择，如：skin_variant : "black"表示：skins\o2k7\ui_black.css
plugins：plugins文件夹下插件的选择使用
theme_advanced_buttons1:第一行的功能按钮显示，一下以此类推theme_advanced_buttons2等等
3 扩展
向输入框中通过js追加一个图片并显示，js代码如下：
tinyMCE.execCommand(‘mceInsertContent’,false,"<p><img src=\"../images/house.jpg\" alt=\"\" width=\"588\" height=\"419\" /></p>");
通过js获取输入框内容，代码如下：
tinyMCE.getInstanceById(‘txtcontent’).getBody().innerHTML