how to prevent tinymce from stripping the 'style' attribute from input element?
This fiddle shows that your configuration of tinymce is absolutely perfect: Style-attribute is allowed for all elements, it does not get stripped out.
How to remove any html like tags after typing in tinymce editor
You can use TinyMCE configuration options such as valid_elements
/ extended_valid_elements
to control what tags you want to allow. There are similar configuration options for controlling allowed attributes. These will help you with ensuring that TinyMCE only allows tags you want.
The configuration options that fall under this content filtering category are all documented here:
https://www.tiny.cloud/docs/configure/content-filtering/
That being said, you can never assume client side validation is enough to ensure your application is safe from invalid HTML, injection attacks, XSS, etc.
The reality is nefarious people can post data to your application using other tools (CURL etc) so that the content does not go through your UI. In addition, if you misconfigure TinyMCE you might allow tags without realizing you have done so. You should always validate data server-side before storing it into your database - this is the only way to ensure that what you are saving is "safe".
Why Tinymce removes some of my inline style?
EDIT AND ANSWER: finaly the only solution I found was to modify the begining of my template, following the docs. Instead of starting directly with a tr>td I add a div with the mceTmpl class, and then a table tag:
<div class="mceTmpl"><table role="presentation" border="0" cellspacing="0" cellpadding="0" width="680">
and in the html file to create the space where the template should be called, I removed the table tag and replaced it by a div with the selector Id :
<tr>
<td>
<div id="banner" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto;"></div>
</td>
</tr>
TinyMCE remove CSS from my HTML code
By default TinyMCE is only interested in your page's content which is contained within the document's <body>
part. If you want to have TinyMCE edit every part of your document, especially the <head>
section, then you'll need the fullpage plugin.
http://www.tinymce.com/wiki.php/Plugin:fullpage
Related Topics
Gradient Over Instagram Svg of Fontawesome 5
Input[Type=Number] Placeholder Color in Ff29+
How to Force This CSS Grid to Wrap to a New Line Without Specifying Minmax Sizes
Firefox Issue with Display:Absolute in a Table Cell
Media Queries for Tablet Min-Resolution and Max-Resolution
Nesting Selectors via Loops with SASS
Twitter Bootstrap - Border Pushing Contents Down
How to Force Firefox to Render Textarea Padding the Same as in a Div
How to Create Custom Tooltips with CSS Pseudoelements
Css: Height- Fill Out Rest of Div
CSS Pseudo Classes Input:Not(Disabled)Not:[Type="Submit"]:Focus
Count Number of Selectors in a CSS File
(Css) Make a Background Image Scroll Slower Than Everything Else
Rmarkdown Font Size and Header
What Is Correct Media Query for iPad Pro