2011-09-26 46 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

相關問題