Copied to clipboard

Flag this post as spam?

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


  • _CJPayne 2 posts 50 karma points
    Mar 05, 2014 @ 10:34
    _CJPayne
    0

    RTE not updating to show new HTML tags in Umbraco 7

    Hi everyone,

    I am setting up an Umbraco 7 site, with a few RTE capturing content.

    My issue is, I wish to have the tag abbr available within the RTE. I have added the command within the tinyMceConfig file, added the CDATA change and added the commands on the Developer tag. Basically, followed the instructions here : http://our.umbraco.org/wiki/how-tos/customizing-the-wysiwyg-rich-text-editor-(tinymce)/how-to-add-extra-html-functionality-to-tinymce

    But, the checkboxes still don't show within the RTE.

    Can anyone hazard a guess why? Thanks a lot.

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Mar 27, 2014 @ 22:08
    Jan Skovgaard
    0

    Hi CJ

    Are you still struggling with this issue?

    Did you try to recycle the app pool when you did the above things? Sometimes that's neccesary for the changes to be visible.

    Cheers, Jan

  • Tim 168 posts 372 karma points
    Aug 01, 2014 @ 19:14
    Tim
    0

    Has anyone found a solution to this? I need to allow a different set of tags in the RTE but all the old tricks don't appear to work. Any ideas?

    Cheers

  • Vishal G.P 62 posts 122 karma points
    Oct 30, 2014 @ 10:10
    Vishal G.P
    0

    i'm stuggling with the same problem in Umbraco 7. Can someone shed some light on how to get this working in Umbraco 7..

    Everything is set, but not visible in the RTE in a content node.

    IIS Reset, app pool recycles, nothing helps..

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Oct 30, 2014 @ 17:19
    Jan Skovgaard
    0

    Hi Vishal

    What exact version of Umbraco 7 are you using?

    /Jan

  • Vishal G.P 62 posts 122 karma points
    Oct 30, 2014 @ 17:29
    Vishal G.P
    0

    Hi Jan,

    I'm using 7.1.8.. the latest..

    I followed the guide, but no juice.. I'm sure you would be able to reproduce this easily, as i have reproduced it on several umbraco 7 instances..

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Oct 30, 2014 @ 17:32
    Jan Skovgaard
    0

    Hi Vishal

    What does your tinymceconfig.config look like?

    Sometimes Umbraco is caching pretty hard - Have you tried deleting the /app_data/TEMP folders and increasing the version number in the /config/ClientDependency.config file?

    If nothing helps then it might need to be added as a bug on the issue tracker at http://www.issues.umbraco.org/issues if it has not been done so already.

    /Jan

  • Vishal G.P 62 posts 122 karma points
    Oct 31, 2014 @ 08:41
    Vishal G.P
    0

    Hi Jan, I did all that.. clear temp, update CLientdependency number, IISreset.. but nothing. Here is my tinymce.config.. I think everything i need is in there.. Must be a issue then?

    <commands>
    
        <command>
            <umbracoAlias>code</umbracoAlias>
            <icon>images/editor/code.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="code">code</tinyMceCommand>
            <priority>1</priority>
        </command>
    
        <command>
            <umbracoAlias>removeformat</umbracoAlias>
            <icon>images/editor/removeformat.gif</icon>
            <tinyMceCommand value="" userInterface="false" frontendCommand="removeformat">removeformat</tinyMceCommand>
            <priority>2</priority>
        </command>
    
        <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>
    
        <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>
        <command>
          <umbracoAlias>acronym</umbracoAlias>
          <icon>images/editor/acronym.gif</icon>
          <tinyMceCommand value="" userInterface="true" frontendCommand="acronym">acronym</tinyMceCommand>
          <priority>75</priority>
        </command>
        <command>
          <umbracoAlias>abbr</umbracoAlias>
          <icon>images/editor/abbr.gif</icon>
          <tinyMceCommand value="" userInterface="true" frontendCommand="abbr">abbr</tinyMceCommand>
          <priority>76</priority>
        </command>
    
    </commands>
    <plugins>
        <plugin loadOnFrontend="true">code</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 loadOnFrontend="false">xhtmlxtras</plugin>
    </plugins>
    <validElements>
      <![CDATA[+a[id|style|rel|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],-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],-h2[id|dir|class|align],-h3[id|dir|class|align],-h4[id|dir|class|align],-h5[id|dir|class|align],-h6[id|style|dir|class|align],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[*],acronym[title|id|class|style|lang|dir],abbr[title|id|class|style|lang|dir]]]>
    </validElements>
    <invalidElements>font</invalidElements>
    
    <!-- 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="spellchecker_rpc_url">GoogleSpellChecker.ashx</config>
    </customConfig>
    

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Oct 31, 2014 @ 10:29
    Jan Skovgaard
    0

    Hi Vishal

    Ok, can you just list the custom stuff you have added to the configuration above? The issue might be that you also need to add some configuration to the

    Otherwise I think it's an issue that should be reported.

    /Jan

  • Vishal G.P 62 posts 122 karma points
    Oct 31, 2014 @ 10:50
    Vishal G.P
    0

    The custom stuff is :

    <command>
      <umbracoAlias>acronym</umbracoAlias>
      <icon>images/editor/acronym.gif</icon>
      <tinyMceCommand value="" userInterface="true" frontendCommand="acronym">acronym</tinyMceCommand>
      <priority>75</priority>
    </command>
    <command>
      <umbracoAlias>abbr</umbracoAlias>
      <icon>images/editor/abbr.gif</icon>
      <tinyMceCommand value="" userInterface="true" frontendCommand="abbr">abbr</tinyMceCommand>
      <priority>76</priority>
    </command>
    

    after that i added :

      <plugin loadOnFrontend="false">xhtmlxtras</plugin>
    

    in the plugins section

    and at last i added

    ,acronym[title|id|class|style|lang|dir],abbr[title|id|class|style|lang|dir]
    

    In the validElements section after the iframe[*].

    Other then that i cut out 2 images and renamed them to abbr.gif and acronym.gif and added them to the corresponding folder.

    Do you have any Umbraco 7 instance running where u can test if its working for you? From what i understand it happens on all Umb7 versions.

    Can you confirm?

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Oct 31, 2014 @ 11:43
    Jan Skovgaard
    0

    Hi Vishal

    I think that you should create an issue for this - All the steps you have taken seems to be right to me and it should work. And as you mention it seems more people have had issues with this. So something is probably wrong.

    If I remember I'll try giving it a spin during the weekend. But I'll probably run into the same issue as you anyway :)

    /Jan

  • Vishal G.P 62 posts 122 karma points
    Oct 31, 2014 @ 11:50
    Vishal G.P
    0

    Thanks Jan for your help ... i created an issue. Let's see if Umbraco HQ knows an answer to this problem..

  • damian vander wilt 12 posts 56 karma points
    Nov 05, 2014 @ 05:19
    damian vander wilt
    0

    Looks like this is the age old issue of Tidy being too aggressive.

    The short of it is, you can customize the RTE however you please - jump through all the hoops from either the umbraco specific or even the tinyMCE documentation, however, TidyHTML ( /bin/TidyNet.dll ) is still going to step on it.

    I've answered a few Stack (SO, whatevs;) posts about this over the years ;)

     

    (edit: turns out the Stack answer for the umbraco7 post was for this threads OG poster,)

     


  • Stefan Callmer 1 post 21 karma points
    Sep 01, 2015 @ 16:46
    Stefan Callmer
    0

    Hi everyone!

    Has there been a solution for this problem yet? I have what seems to be a similar problem. I'm trying to add new special characters to the \umbraco_client\Tinymce3\Themes\Umbraco\charmap.js file, but it's not showing in the CMS. I've found out that I can make changes to the file plugin.min.js in umbraco\lib\tinymce\plugins\charmap and I can see the changes in the CMS, but I can't add new characters there without getting a javascript error. I'm working with Umbraco version 7.2.8.

    /Stefan

  • Adam Prendergast 33 posts 77 karma points c-trib
    Apr 25, 2016 @ 12:33
    Adam Prendergast
    0

    Hi all...

    Did anyone manage to get the custom settings working with TinyMCE in v7.x?

    We are attempting to allow a custom attribute on a 'div' element:

    <div class="tagboard-embed" tgb-slug="tagboardID"></div>
    

    using Umbraco 7.3.8

    When saving, TinyMCE strips out the custom attribute to be:

    <div class="tagboard-embed"></div>
    

    We have tried adding the following to the valid elements section of the TinyMCEConfig:

    -div[id|dir|class|align|style|tgb-slug]
    

    ... but this does not work, even after refreshing/restarting the app in all ways described above.

    Can anyone help shed some further light on the situation?

    Regards, Adam

  • mcgrph 35 posts 162 karma points
    May 10, 2017 @ 15:42
    mcgrph
    1

    Hi Adam,

    i might have stumbled upon the answer. We faced a similar issue with the onclick attribute for span elements.

    With changes made to the tinyMceConfig.config the editor showed all the attributes, but removed them while saving/publishing.

    In umbraco/Js/umbraco.controller.js the following line

    var extendedValidElements = "@[id|class|style],-div[id|dir|class|align|style],ins[datetime|cite],-ul[class|style],-li[class|style],span[id|class|style]";
    

    seemed to remove everything but the defined attributes. As I changed it to

    var extendedValidElements = "@[id|class|style],-div[id|dir|class|align|style],ins[datetime|cite],-ul[class|style],-li[class|style],span[id|class|style|title|onclick]";
    

    the attributes are now still there after saving/publishing. Hopefully this solves your problem too.

    All the best!

Please Sign in or register to post replies

Write your reply to:

Draft