Набор MVC4 с TinyMCE

Ответ 1

Просто наткнулся на это и сегодня. Кажется, что когда tinymce в комплекте, он не может найти другие зависимые скрипты (плагины, шаблон редактора и т.д.).

Так как TinyMCE уже подсчитан, я решил это, исключив его из комплекта и загрузив отдельно. Что-то вроде этого:

@* include tinymce unbundled so it can find its plugins and other scripts internally when bundles are optimized *@
@if (BundleTable.EnableOptimizations)
{
    <script type="text/javascript" src="~/scripts/tinymce/tiny_mce.js"></script>
}
else
{
    <script type="text/javascript" src="~/scripts/tinymce/tiny_mce_src.js"></script>
}

@Scripts.Render("~/Scripts/Site")

Таким образом, вы по-прежнему используете предварительно модифицированную версию, когда включена оптимизация, и исходный исходный код при отладке. В конце концов, это приводит к тому, что браузер отправляет несколько запросов.

Ответ 2

Перед вызовом tinymce.init выполните следующие действия:

tinymce.baseURL = "@Url.Content("~/Scripts/tinymce")";

Или где хранятся ваши скрипты.

У меня была такая же проблема. Это мой рабочий конечный продукт

    <script>
    tinymce.baseURL = "@Url.Content("~/Scripts/tinymce")";

    // tinyMCE setup
    tinymce.init({
        selector: "textarea.rt-edit",
        browser_spellcheck: true,
        menubar: false,
        plugins: "paste,preview,code,textcolor,link",
        invalid_elements: "script",

        // Theme options - button# indicated the row# only
        toolbar1: "bold italic underline strikethrough subscript superscript link | fontselect fontsizeselect forecolor backcolor | justifyleft justifycenter justifyright cut copy paste pastetext pasteword| outdent indent | undo redo | code preview ",

    });
</script>

Ответ 3

@Codeacula имеет хорошее решение, но другой метод заключается в том, чтобы поместить путь пакета относительно папки TinyMCE.

Обратите внимание, что вы должны вытащить его из основного пакета Script, чтобы сделать это, но поскольку я не использую TinyMCE на каждой странице, нет смысла добавлять его в основной пакет. Кроме того, я использовал .min.js как расширение, потому что он загружает плагины на основе расширения основного файла, и у меня нет ничего, кроме .min.js файлов в моя папка плагинов.

var tinymce = new ScriptBundle("~/Scripts/tinymce/tinymce-bundle.min.js")
    .Include("~/Scripts/tinymce/tinymce.min.js");
bundles.Add(tinymce);

На ваших страницах, где требуется TinyMCE:

@Scripts.Render("~/Scripts/tinymce/tinymce-bundle.min.js");

Ответ 4

В моем случае я разрешаю следующее: Игнорируйте связывание и прямо ссылайтесь на уменьшенную версию плагина.

@section scripts
{
    @Scripts.Render("~/bundles/ajax")
    @Scripts.Render("~/bundles/jqueryval")
    <script src="~/Scripts/tinymce/tinymce.min.js"></script>
}