Hello fellow developers;
I'm struggling to find a suitable solution to apply the same styles from our main CSS file to the text entered in the TinyMCE editor. Just to clarify, I don't want to alter the overall theme or appearance of TinyMCE itself, but rather ensure that the content typed within it matches the final published look.
Although TinyMCE meets all my editing needs, I still desire consistency in the visual presentation of the content.
I attempted to include: "content_css : "custom.css" but unfortunately, it didn't produce the desired result...
<script language="javascript" type="text/javascript">
tinyMCE.init({
selector: "#issue",
theme : "modern",
mode : "textareas",
plugins : "hr, code, wordcount, image, imagetools, table, paste, template",
/*menubar: "insert,edit",*/
/*toolbar: "image,paste, hr",*/
paste_data_images: true,
content_css : "visual/css/base.css",
templates: [
{title: 'Some title 1', description: 'Some desc 1', content: 'My content'},
{title: 'Some title 2', description: 'Some desc 2', url: 'visual/mce/models/devel.html'}
]
});
</script>
Is there a method to ensure that the content adheres to the CSS styles utilized by our primary application?