2011-09-26 45 views
4

我有一个使用TinyMce jQuery插件的简单表单。当我加载页面时,TinyMce应该用他的编辑器替换我的textarea,但这不会发生。看看生成的html,我的textarea在那里(可见性设置为隐藏),但没有iFrame对象由TinyMce创建。 TinyMce对象存在,但activeEditor为空。这是因为如果我没有初始化它,但我正好以下示例代码如下:使用ASP.NET MVC 3的TinyMce使用Razor View Engine - 加载但不显示

//这里是我加载脚本

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinymce.js")"></script> 
<script type="text/javascript" src="@Url.Content("~/Scripts/tiny_mce_jquery.js")"></script> 

//这里是我的文字区域

<textarea id="tinymceId" name="content" class="tinymce" rows="1" cols="50" style="width:100%;" ></textarea> 

//这里是我的脚本代码,我将其初始化

$(document).ready(function() { 
    $('#tinymceId').tinymce({ 
     doctype: '<!DOCTYPE html>', 
     editor_selector: "tinymce", 
     convert_urls: false, 
     mode: "textareas", 
    }); 
}); 
+1

任何javascript错误?在“textareas”之后摆脱最后的逗号。 – Jack

+2

@Jack,只有IE <9会抱怨,对吧? :) – bzlm

+0

也许,但正确的语法永远不会是一件坏事。 – Jack

回答

10

嗯,是C中最有名的方式现在的ool是使用Nuget。

我写了一些TinyMCE的局部视图模板。 (我也推TinyMCE的进给时被更新的话)

下面的文章将指导您完成该过程:

TinyMCE HTML Text Editior & ASP.NET MVC - Setting It Up Has Become Easy With Nuget

+0

谢谢 - 我会检查出来的!我已经感觉凉爽了:)。 – Laurel

+0

使用partials对于这种情况总是很好的。 – tugberk

+0

我正尝试使用您从我从NuGet下载的示例代码,但无法使其工作。我刚刚创建了一个新项目,添加了TinyMceJquerySample包,并在文章中进行了修改,当我运行tinymce constructer代码时,我得到“$(”textarea.tinymce“)。tinymce is不是构造函数最后一行的函数 - (media_external_list_url:“lists/media_list.js”)。我唯一的偏差是在@Html中。TextArea - 我得到一个运行时错误,说名称不能是空字符串,所以我给它命名为“tinymce”。有任何想法吗? – Laurel

2

这有什么区别,如果你注释掉设置editor_selector: "tinymce",

另一件事说:

我不是jQuery的版本(tiny_mce_jquery.js/jquery.tinymce.js)有几个原因的一个朋友(这是例如慢,...)。使用tiny_mce.js代替它有什么区别吗?你也可以在页面上加载常规的jquery.js - 这是高效的,并且运行良好。

+1

其实没有理由我不能使用tiny_mce.js代替。我开始试图让它工作,但遇到了问题,所以我转向了jQuery插件。我不记得我用过它的问题,但我会回去再试一次。我现在比我第一次尝试时知道得更多,所以也许我可以让它工作。感谢您的答复! – Laurel

+0

如果遇到常规js构建的问题 - 只需询问 – Thariama

+0

我终于可以正常工作了。我删除了所有对jquery.tinymce.js和tiny_mce_jquery.js的引用,并按照您的建议使用tiny_mce.js,并且所有工作都正常。非常感谢!! – Laurel

相关问题