TinyMCE.MVC.Jquery不會顯示？

因此，在Visual Studio 2012中工作我下載了TinyMCE.MVC.JQuery包並使用NuGet進行安裝。一旦停滯我跟着本教程來設置它：TinyMCE.MVC.Jquery不會顯示？

http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget

我的項目是MVC3，並已經在exsistance所以有輕微的改變。

這是我的控制器創建功能：

// 
    // GET: /Pages/Create 

    public ActionResult Create() 
    { 
     return View(); 
    } 

    // 
    // POST: /Pages/Create 

    [HttpPost, ActionName("Create")] 
    public ActionResult Create(Database_Table database_table) 
    { 
     if (ModelState.IsValid) 
     { 
      db.Database_Table.Add(database_table); 
      db.SaveChanges(); 
      return RedirectToAction("Index"); 
     } 

     return View(database_table); 
    }

我編輯：

// 
    // GET: /Pages/Edit/5 

    public ActionResult Edit(int id) 
    { 
     Database_Table database_table = db.Database_Table.Find(id); 
     return View(database_table); 
    } 

    // 
    // POST: /Pages/Edit/5 

    [HttpPost, ActionName("Edit")] 
    public ActionResult Edit(Database_Table database_table) 
    { 
     if (ModelState.IsValid) 
     { 
      db.Entry(database_table).State = EntityState.Modified; 
      db.SaveChanges(); 
      return RedirectToAction("Index"); 
     } 
     return View(database_table); 
    }

這是我的模型類：

public class Pages 
{ 
    public int PageID { get; set; } 
    public string PageURL { get; set; } 

    [UIHint("tinymce_jquery_full"), AllowHtml] 
    public string PageHTML { get; set; } 


    public class DatabaseContext : DbContext 
    { 
     public DbSet<Database_Table> Pages { get; set; } 
    } 
}

這是編輯觀點：

@using (Html.BeginForm()) { 


@Html.ValidationSummary(true) 
<fieldset> 
    <legend>Pages</legend> 

    <div class="editor-label"> 
     @Html.LabelFor(model => model.PageURL) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.PageURL) 
     @Html.ValidationMessageFor(model => model.PageURL) 
    </div> 

    <div class="editor-label"> 
     @Html.LabelFor(model => model.PageHTML) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.PageHTML) 
     @Html.ValidationMessageFor(model => model.PageHTML) 
    </div> 



    <p> 
     <input type="submit" value="Save" /> 
    </p>

而且這兩個在_Layout.cshtml被引用：

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

很抱歉，如果我是愚蠢的，但是當我運行的編輯頁面的所見即所得的編輯器犯規顯示器，它只是一個標準的文本框。誰能看到我的問題？

來源

2012-08-29 Bohdi

在谷歌瀏覽器中加載頁面，並右鍵單擊頁面並選擇「檢查元素」，檢查是否沒有JS錯誤，它們將是頁面右下角的紅色數字。 –

沒有Javascript錯誤顯示在谷歌鉻或螢火蟲：/ – Bohdi

有趣，一切看起來不錯。也許嘗試再次重新安裝TinyMCE。您可能希望事先備份您的項目。 –

你錯過了這個在您的視圖：

tinyMCE.init（{

這樣：

<script type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
     // General options 

....

OR 如果你使用jQuery插件，你需要這個（在你的看法）：

<!-- Load jQuery build --> 
<script type="text/javascript" src="../js/tinymce/jscripts/tiny_mce/jquery.tinymce.js"></script> 
<script type="text/javascript"> 
     $(function() { 
       $('textarea.tinymce').tinymce({ 
         // Location of TinyMCE script 
         script_url : '../js/tinymce/jscripts/tiny_mce/tiny_mce.js', 

         // General options

*請記住：你的textarea標籤的需求 'TinyMCE的' 類=>

<textarea id="content" name="content" class="tinymce" style="width:100%"> 
</textarea>

查看他們網站上的示例。

來源

2013-01-11 13:46:10 ShaneKm

確保你在頁面的頭部引用了jQuery。或者在HTML編輯器之前的任何地方

來源

2013-06-28 23:33:51

TinyMCE.MVC.Jquery不會顯示？

回答

相關問題