尝试在 Tinymce 预览中使用 Mustasche

Question

如标题所示，我正在尝试让 Mustasche 模板在 Tinymce 预览中工作，但它不起作用。

在 Tinymce 中 Plugins/Preview/plugin.js

previewHtml = (
                    '<!DOCTYPE html>' +
                    '<html>' +
                    '<head>' +
                    '<script type="text/javascript" src="~/Scripts/mustache.js"></script>' +
                        headHtml +
                    '</head>' +
                    '<body id="' + bodyId + '" class="mce-content-body ' + bodyClass + '"' + dirAttr + '>' +
                        editor.getContent() +
                    '</body>' +
                    '</html>'
                );

要预览的内容：

var obj1 = { user: "John", age: 22, country: "United States" };

{{obj1.user}}

Answer 1

现在已修复，这是完成的方式：

在 Tinymce 中 Plugins/Preview/plugin.js

            var json = $.parseJSON($('#yourtextarea').val());
            previewHtml = (
                '<!DOCTYPE html>' +
                '<html>' +
                '<head>' +
                headHtml +
                '</head>' +
                '<body id="' + bodyId + '" class="mce-content-body ' + 
                bodyClass + '"' + dirAttr + '>' +
                Mustache.to_html(editor.getContent(),json)
                     +
                '</body>' +
                '</html>'
            );

尝试在 Tinymce 预览中使用 Mustasche

Trying to use Mustasche in Tinymce preview

tinymce

mustache