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