Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • CP 8 posts 78 karma points
    Jan 14, 2016 @ 01:31
    CP
    0

    Activating the Advanced Theme in TinyMCE

    Hi,

    Running Umbraco 7.3.0 and having trouble activating the TinyMCE Advanced Theme so we can add more Font Sizes in the FontSizeSelector Text Editor.

    I've added the following code to the tinymceconfig.config with no success:

        <command>
            <umbracoAlias>Undo</umbracoAlias>
            <icon>images/editor/undo.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="undo">undo</tinyMceCommand>
            <priority>11</priority>
        </command>
        <command>
            <umbracoAlias>Redo</umbracoAlias>
            <icon>images/editor/redo.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="redo">redo</tinyMceCommand>
            <priority>12</priority>
        </command>
        <command>
            <umbracoAlias>Cut</umbracoAlias>
            <icon>images/editor/cut.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="cut">cut</tinyMceCommand>
            <priority>13</priority>
        </command>
        <command>
            <umbracoAlias>Copy</umbracoAlias>
            <icon>images/editor/copy.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="copy">copy</tinyMceCommand>
            <priority>14</priority>
        </command>
          <!-- Font family selector tool -->
        <command>
            <umbracoAlias>mcefontselect</umbracoAlias>
            <icon>images/editor/fontselect.png</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="fontselect">fontselect</tinyMceCommand>
            <priority>17</priority>
        </command>
          <!-- Font size selector tool -->
        <command>
            <umbracoAlias>mcefontsizeselect</umbracoAlias>
            <icon>images/editor/fontsizeselect.png</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="fontsizeselect">fontsizeselect</tinyMceCommand>
            <priority>18</priority>
          </command>
          <!--Add the font color selection-->
          <command>
            <umbracoAlias>mceForeColor</umbracoAlias>
            <icon>images/editor/forecolor.gif</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="forecolor">forecolor</tinyMceCommand>
            <priority>19</priority>
          </command>
      <command>
          <umbracoAlias>styleselect</umbracoAlias>
          <icon>images/editor/showStyles.png</icon>
          <tinyMceCommand value="" userInterface="false" frontendCommand="styleselect">styleselect</tinyMceCommand>
          <priority>20</priority>
        </command>
        <command>
            <umbracoAlias>bold</umbracoAlias>
            <icon>images/editor/bold.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="bold">bold</tinyMceCommand>
            <priority>21</priority>
        </command>
        <command>
            <umbracoAlias>italic</umbracoAlias>
            <icon>images/editor/italic.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="italic">italic</tinyMceCommand>
            <priority>22</priority>
        </command>
        <command>
            <umbracoAlias>Underline</umbracoAlias>
            <icon>images/editor/underline.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="underline">underline</tinyMceCommand>
            <priority>23</priority>
        </command>
        <command>
            <umbracoAlias>Strikethrough</umbracoAlias>
            <icon>images/editor/strikethrough.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="strikethrough">strikethrough</tinyMceCommand>
            <priority>24</priority>
        </command>
    
        <command>
            <umbracoAlias>JustifyLeft</umbracoAlias>
            <icon>images/editor/justifyleft.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="alignleft">justifyleft</tinyMceCommand>
            <priority>31</priority>
        </command>
        <command>
            <umbracoAlias>JustifyCenter</umbracoAlias>
            <icon>images/editor/justifycenter.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="aligncenter">justifycenter</tinyMceCommand>
            <priority>32</priority>
        </command>
        <command>
            <umbracoAlias>JustifyRight</umbracoAlias>
            <icon>images/editor/justifyright.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="alignright">justifyright</tinyMceCommand>
            <priority>33</priority>
        </command>
        <command>
            <umbracoAlias>JustifyFull</umbracoAlias>
            <icon>images/editor/justifyfull.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="alignjustify">alignjustify</tinyMceCommand>
            <priority>34</priority>
        </command>
    
        <command>
            <umbracoAlias>bullist</umbracoAlias>
            <icon>images/editor/bullist.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="bullist">bullist</tinyMceCommand>
            <priority>41</priority>
        </command>
        <command>
            <umbracoAlias>numlist</umbracoAlias>
            <icon>images/editor/numlist.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="numlist">numlist</tinyMceCommand>
            <priority>42</priority>
        </command>
        <command>
            <umbracoAlias>Outdent</umbracoAlias>
            <icon>images/editor/outdent.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="outdent">outdent</tinyMceCommand>
            <priority>43</priority>
        </command>
        <command>
            <umbracoAlias>Indent</umbracoAlias>
            <icon>images/editor/indent.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="indent">indent</tinyMceCommand>
            <priority>44</priority>
        </command>
    
        <command>
            <umbracoAlias>mceLink</umbracoAlias>
            <icon>images/editor/link.gif</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="link">link</tinyMceCommand>
            <priority>51</priority>
        </command>
        <command>
            <umbracoAlias>unlink</umbracoAlias>
            <icon>images/editor/unLink.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="unlink">unlink</tinyMceCommand>
            <priority>52</priority>
        </command>
        <command>
            <umbracoAlias>mceInsertAnchor</umbracoAlias>
            <icon>images/editor/anchor.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="anchor">anchor</tinyMceCommand>
            <priority>53</priority>
        </command>
    
        <command>
            <umbracoAlias>mceImage</umbracoAlias>
            <icon>images/editor/image.gif</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="umbmediapicker">image</tinyMceCommand>
            <priority>61</priority>
        </command>
    
        <command>
            <umbracoAlias>umbracomacro</umbracoAlias>
            <icon>images/editor/insMacro.gif</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="umbmacro">umbracomacro</tinyMceCommand>
            <priority>62</priority>
        </command>
    
    
    
        <command>
            <umbracoAlias>mceInsertTable</umbracoAlias>
            <icon>images/editor/table.gif</icon>
            <tinyMceCommand value="" userInterface="true" frontendCommand="table">table</tinyMceCommand>
            <priority>63</priority>
        </command>
    
        <command>
          <umbracoAlias>umbracoembed</umbracoAlias>
          <icon>images/editor/media.gif</icon>
          <tinyMceCommand value="" userInterface="true" frontendCommand="umbembeddialog">umbracoembed</tinyMceCommand>
          <priority>66</priority>
        </command>
        <command>
            <umbracoAlias>inserthorizontalrule</umbracoAlias>
            <icon>images/editor/hr.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="hr">hr</tinyMceCommand>
            <priority>71</priority>
        </command>
        <command>
            <umbracoAlias>subscript</umbracoAlias>
            <icon>images/editor/sub.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="subscript">subscript</tinyMceCommand>
            <priority>72</priority>
        </command>
    
        <command>
            <umbracoAlias>superscript</umbracoAlias>
            <icon>images/editor/sup.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="superscript">superscript</tinyMceCommand>
            <priority>73</priority>
        </command>
    
        <command>
            <umbracoAlias>mceCharMap</umbracoAlias>
            <icon>images/editor/charmap.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="charmap">charmap</tinyMceCommand>
            <priority>74</priority>
        </command>
    
    </commands>
    <plugins>
    <plugin loadOnFrontend="true">code</plugin>
        <plugin loadOnFrontend="true">codemirror</plugin>
        <plugin loadOnFrontend="true">paste</plugin>
        <plugin loadOnFrontend="true">umbracolink</plugin>
        <plugin loadOnFrontend="true">anchor</plugin>
        <plugin loadOnFrontend="true">charmap</plugin>
        <plugin loadOnFrontend="true">table</plugin>
    <plugin loadOnFrontend="true">lists</plugin>
      <!-- Plugin config for ForeColor command -->
        <plugin loadOnFrontend="true">textcolor</plugin>
    </plugins>
    <validElements>
      <![CDATA[+a[id|style|rel|data-id|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|
    

    ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style], -strike[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|reversed|start|style|type],-ul[class|style],-li[class|style],br[class], img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel|data-id], -sub[style|class],-sup[style|class],-blockquote[dir|style|class],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor], -tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class], thead[id|class],tfoot[id|class],#td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope], -th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style], -span[class|align|style],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align|style],-h2[id|dir|class|align|style], -h3[id|dir|class|align|style],-h4[id|dir|class|align|style],-h5[id|dir|class|align|style],-h6[id|style|dir|class|align|style],hr[class|style], dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[class|id|width|height|codebase|], param[name|value|_value|class],embed[type|width|height|src|class|],map[name|class],area[shape|coords|href|alt|target|class],bdo[class],button[class],iframe[*]]]>

    <!-- this area is for custom config settings that should be added during TinyMCE initialization -->
    <customConfig>
        <!--    <config key="myKey">mySetting</config>-->
        <config key="entity_encoding">raw</config>
      <config key="codemirror">
        {
        "indentOnInit": false,
        "path": "../../../../lib/codemirror",
        "config": {
        },
        "jsFiles": [
        ],
        "cssFiles": [
        ]
        }
      </config>
    

    **

    <script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",</p>
    
    <pre><code>// Theme options
    theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true,
    width: "100%",
    height: "400",
    theme_advanced_font_sizes : "8pt,10pt,12pt,14pt,16pt,18pt,20pt,22pt,24pt,26pt,28pt,30pt,32pt,34pt,36pt"
    </code></pre>
    
    <p>});
    </script>

    </customConfig>**
    

    Any ideas would be greatly appreciated, thank you.

Please Sign in or register to post replies

Write your reply to:

Draft