替換Episerver Commerce Editor（TinyMCE）

Question

有沒有人知道如何用Episerver Commerce SP2上的默認編輯器替換TinyMCE？

Answer 1

1. 複製tiny_mce文件夾eCommerceFramework \ 5.2 \ EPiServerCommerceManager \共享\ APPS \核心\ \控制在你的商業管理器網站編輯\
2. 複製TinyMCEEditor.dll到\ bin文件夾。
3. 在Commerce Manager站點文件夾中打開appSettings.config。將2個鍵「HtmlEditorControl」和「AdminHtmlEditorControl」更改爲新的編輯器路徑。
4. 在Commerce Manager站點的根文件夾中創建文件夾名稱「UserFiles」。
5. 完成後，輸入Commerce Manager並測試編輯器。

6. 使用以下控制：

   <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditorControl.ascx.cs" Inherits="TinyMCEEditor.EditorControl" %> 
   

   tinyMCE.init（{// 常規選項 模式： 「文本域」， 主題： 「先進的」， 插件：「分頁符，樣式，圖層，表，保存，advhr，的advimage，advlink，情感，iespell，inlinepopups，insertdatetime，預覽，媒體，searchreplace，打印，文本菜單，粘貼，方向性，全屏，不可編輯，visualchars，不間斷，xhtmlxtras，模板，單詞計數，advlist「， file_browser_callback：「filebrowser」， setup：function（ed）{ ed.onKeyPress.add（ function（ed，evt）{ } ）; }， //主題選項 theme_advanced_buttons1： 「粗體，斜體，下劃線，|，字符表，|，證明左邊，中間對齊，證明右邊，justifyfull，styleselect，formatselect，fontselect，fontsizeselect」， theme_advanced_buttons2：「剪切，複製，粘貼，|，搜索，替換，|，bullist，numlist，|，outdent，indent，blockquote，|撤消，重做，|，鏈接，取消鏈接，錨點，清理，代碼，|，預覽「， theme_advanced_buttons3：」tablecontrols「 ， theme_advanced_buttons4： 「」， theme_advanced_toolbar_location： 「頂」， theme_advanced_toolbar_align： 「左」， theme_advanced_statusbar_location： 「底」， theme_advanced_resizing：真實， //例內容的CSS（應該是你的網站CSS） 個content_css： 「CSS/content.css」， //刪除鏈接/圖像/媒體/模板對話框列出 template_external_list_url： 「列出/ template_list.js」， external_link_list_url： 「列出/ link_list.js」， external_image_list_url： 「lists/image_list.js」， media_external_list_url：「lists/media_list。js「， //風格格式 style_formats：[ {title：'Bold text'，inline：'b'}， {title：'Red text'，inline：'span'，styles：{color：'＃ ff0000'}}， {title：'Red header'，block：'h1'，styles：{color：'＃ff0000'}}， {title：'Example 1'，inline：'span'，classes：'示例1'}， {title：'Example 2'，inline：'span'，classes：'example2'}， {title：'Table styles'}， {title：'Table row 1'，selector：'tr '，類：'tablerow1'} ]， //替換模板插件的值 template_replace_values：{ username：「Some User」， staffid：「991234」 } }）;

   功能filebrowser（FIELD_NAME，網址，類型，贏）{

   fileBrowserURL = "../FileManager/Default.aspx?sessionid=<%= Session.SessionID.ToString() %>"; 
   
   
       tinyMCE.activeEditor.windowManager.open({ 
        title: "Ajax File Manager", 
        url: fileBrowserURL, 
        width: 950, 
        height: 650, 
        inline: 0, 
        maximizable: 1, 
        close_previous: 0 
        }, { 
        window: win, 
        input: field_name, 
        sessionid: '<%= Session.SessionID.ToString() %>' 
        } 
       ); 
   } 
   </script> 
   <script type="text/javascript" language="javascript"> 
       $(".ajax__htmleditor_editor_toptoolbar").each(function (index) { 
        $(this).html($(this).html() + "<img onclick=showImgManager('" + index + "') src='../FileManager/icons/img-add-32.png' class='ajax__htmleditor_toolbar_button' /><img onclick=showFileManager('" + index + "') src='../FileManager/icons/Files-add-32.png' class='ajax__htmleditor_toolbar_button' /><div style='display:none;float:left;width:100%;padding-top:5px;' id='divImgManager" + index + "'></div>"); 
       }); 
       function openFileManager(index) { 
        window.open("../FileManager/Default.aspx?sessionid=<%= Session.SessionID %>&input=" + index, "myWindow", "status = 1, height = 650, width = 950, resizable = 0") 
       } 
   
   </script> 
   <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 40%" 
   runat="server"></textarea>