Question

我正在尝试将HTML模板加载到tinyMCE 4.0.8编辑器中。所以，基本上，我得到的是第1页（用户点击按钮）到第2页（编辑器所在的位置）的按钮。

我的编辑器textarea代码定义如下：

<div class="field">
<textarea id="sTinyMceEditorId" name="sTinyMceEditorId" style="width:948px; max-width:948px; height: 70%"></textarea>
</div>

在脚本标记内，我已经定义了我的代码（我上一篇文章中的一些代码建议我使用以下代码），如下所示：

基本上，我正在抓取URL参数并对应于此参数，我希望加载模板。

<script type="text/javascript">
var button = $.getUrlVars()['button'];

//these values should correspond to the values you are passing in your get parameters.

switch(button){
    case 'temp1':
        $("#sTinyMceEditorId").load("Folder/firsttemplate.html");
        break;
    case 'temp2':
        $("#sTinyMceEditorId").load("Folder/secondtemplate.html");
        break;
    case 'temp3':
        $("#sTinyMceEditorId").load("Folder/thirdtemplate.html");
        break;
    default:
        alert("Button id not recognized.");
        break;
}
</script>

出于某种原因，它没有加载到我的编辑器中。我的代码有什么不对吗？

请告知

以下是我如何定义完全正常工作的tinyMCE：

tinymce.init({
        selector: "textarea",
        convert_urls: false,
        theme: "modern",
        plugins: [
            "advlist autolink lists link image charmap print preview hr anchor pagebreak",
            "searchreplace wordcount visualblocks visualchars code fullscreen",
            "insertdatetime media nonbreaking save table contextmenu directionality",
            "emoticons template paste textcolor"
        ],
        toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        toolbar2: "print preview media | forecolor backcolor emoticons",
        image_advtab: true



                });

以下是我如何将变量传递到提及所有上述代码的页面。比如说，我从第1页到第2页的变量传递，其中第2页包含所有上述代码。

<div id="templatesWrap">
    <div class="template" data-templatelocation="templateone" data-templatename="Template ONE" data-templateid="" >
     <div class="templateContainer">
     <span>
      <a href="" title="Use Template">
    <img class="thumbnail" src="templatefiles/thumbnail_010.jpg" alt="templateone">
    </a>
    </span>
        <div class="templateName">Template ONE</div>
                <p>
        <a href="URL_for_page2?button?=temp1" title="Use Template" class="button secondary" id="temp1">Use Template</a>
                </p>
        </div>
    </div>


 <div class="template" data-templatelocation="templatetwo" data-templatename="Template TWO" data-templateid="" >
    <div class="templateContainer">
    <span>
     <a href="" title="Use Template">
    <img class="thumbnail" src="templatefiles/thumbnail_011.jpg" alt="templatetwo">
    </a>
    </span>
    <div class="templateName">Template TWO</div>
    <p>
    <a href="URL_for_page2?button?=temp2" title="Use Template" class="button secondary" id="temp2">Use Template</a>
    </p>
    </div>
</div>

等等其他模板

HTML没有加载到我的编辑器中

0 个答案: