ASP.NET MVC Rich Text Editor не показывает кнопки

Question

У меня проблема с реализацией Rich Text Editor (все, что я пробовал, например, TinyMCE). Я перепробовал много уроков и статей, но все же. Когда я пытаюсь сделать это лучшее, что я получаю, это работающий редактор в IE (8), но другой браузер нет (Opera, FF, Chrome) Образцы, которые я загружаю, отлично работают во всех браузерах. Я использую VS2010 ASP.NET MVC2 и, например, я попробовал это http://www.billsternberger.net/asp-net-mvc/tinymce-samples-with-asp-net-mvc/ Спасибо за помощь

Answer 1

Я использовал следующий ViewUserControl

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
    <script type="text/javascript">

    // note that the editor text area must have an id of articleBody
    tinyMCE.init({
            elements: "articleBody",
            theme: "advanced",
            mode: "exact",
            height: "300",
            plugins: "safari,spellchecker,pagebreak,autosave,table,advimage,iespell,inlinepopups,paste,nonbreaking,template,fullscreen,paste",
            theme_advanced_buttons1: "bold,italic,underline,forecolor,|,undo,redo,|,link,unlink,pastetext,|,justifyleft,justifycenter,justifyright,|,blockquote,bullist,numlist",
            theme_advanced_buttons2: "",
            theme_advanced_buttons3: "",
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left"                             
        });
</script>

Примечание: в Scripts / есть каталог tiny_mce с источником / langs / plugins / themes / utils

, чтобы включить его в мойстраница:

<% Html.RenderPartial("Editor"); %>
<%= Html.TextAreaFor(model => model.Draft.Body, new { name = "content", @class = "text", id = "articleBody", style = "width:100%" })%>          

Вы бы поместили свою TextArea в любое место на странице, которую считаете нужной, и помните, что она будет расширена либо до ширины всех кнопок, которые вы включите, либо до 100% от div-элемента обтекания

Answer 2

Вероятно, это проблема с поиском изображений.

Найдите свою тему css и отредактируйте весь фон: url, чтобы показать путь, по которому вы разместили img.

background:url(img/button_bg.png)

например, на каждой странице, которую вы используете TinyMCE, должен быть найден img / button_bg.png.

Если вы находитесь в / MyDir / MyPage.aspx
и файл находится в / themes / advanced / skin / default / img / buttons.png

нет способа найти кнопки на моей странице с кодом url (img / button_bg.png)