Hello everyone,
A graphics designing colleague supplied me with some ’elements’ consisting of a css file with some class definitions, some images and an example html file showing its use.
Basically these elements just put some graphics around some text (like prices etc.) that is placed inside the innermost div. The graphics themselves are styled by class definitions that apply to the outer divs.
I’ve been asked to add some form of support to TinyMCE for adding these elements i.e. applying them to certain text entered in the content.
The problem is however that I don’t know if and how I can configure TinyMCE to support custom HTML code insertion. At least not without using the code editor and do it manually which is not an option for us to use.
Below I’ve included an example of the html I want to help my users produce:
<div class="outer">
<div class="container">
<div class="text">877,89</div>
</div>
</div>
I had a look at adding css selectors but they don’t seem to be very configurable at all. They use only spans (i’d prefer divs but this is not a big problem) and can only add a class reference to it. It doesn’t provide help for adding arbitrary tags wrapping the text that has been selected in the editor which would be what I need.
Any help would be greatly appreciated! Thanks in advance.