2011-10-23 30 views
1

我正尝试在Rails应用程序中使用ruby中的tinyMCE。这是我的初始化代码。在Rails应用程序中调用ruby中的tinyMCE命令

<script type="text/javascript" src="/tiny_mce/tiny_mce.js"></script> 
    <script type="text/javascript"> 
     tinyMCE.init({ 
       // General options 
       // script_url: '/tiny_mce/tiny_mce.js', 
       mode : "textareas", 
       theme : "advanced", 
       plugins : "layer,inlinepopups", 
       relative_urls : false, 
       theme_advanced_buttons3_add : "tablecontrols", 
       table_styles : "Header 1=header1;Header 2=header2;Header 3=header3", 
       table_cell_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Cell=tableCel1", 
       table_row_styles : "Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1", 
       table_cell_limit : 100, 
       table_row_limit : 5, 
       table_col_limit : 5, 

初始化工作正常。现在,我没有使用tinyMCE工具栏,而是拥有自己的链接,单击它时,应该调用用于格式化文本的小型MCE函数,插入图像等。

例如,我已经使用tinyMCE表格插件,并且需要在我的页面加载时将表格插入textarea。这是我试过的:

editor = tinyMCE.get('editor'); 
editor.mceInsertTable(); 

但它不工作。请帮忙。

谢谢。

回答

1

mceInsertTable是将execCommand。您需要调用下面

tinymce.activeEditor.execCommand('mceInsertTable'); 
+0

这绝对有效。现在,插入表格之后,我需要能够合并/拆分单元格,并对表格进行操作。有人告诉我,当表格插件正确加载时,当你选择表格中的单元格时,会出现一个小标记,但我什么都看不到。你能帮我解释我如何改变桌子的外观吗?谢谢。 – rookieRailer

+0

我很抱歉,但我不是很熟悉表插件 – Thariama

+1

我其实已经想通了。我使用了contextmenu插件,它会显示与表格相关的菜单,所以我现在可以修改表格。谢谢。 – rookieRailer

1

当然,你只需要使用TinyMCE的的JavaScript API:

http://tinymce.moxiecode.com/js/tinymce/docs/api/index.html#

例如:

tinymce.activeEditor.hide(); 
+0

我可以激活TinyMCE的,我可以在工具栏显示,并插入图片,视频,使用工具栏按钮了。但事情是,我不想要那个,我有我自己的按钮,并且想要调用插入表,例如,当我按下按钮或插入图像时,当我单击另一个按钮时。我怎么能做到这一点?谢谢。 – rookieRailer

+0

rookieRailer:你知道JavaScript吗?在你的按钮上添加一个点击事件监听器,并像上面那样调用tinyMCE的JavaScript API。 TinyMCE按钮可以用JavaScript来做任何事情。 TinyMCE的按钮只是调用相同的JavaScript API。 –

+0

是的,我愿意。我正在使用jQuery。我已经编辑了我的文章一点。请参阅更改,也许你可以帮助我建立这一点。谢谢。 – rookieRailer