<div>
<b>@skij</b> &nbsp;I'm glad there's a better way to do it. Thanks for sharing it with us.<br />

</div>


@skij  I'm glad there's a better way to do it. Thanks for sharing it with us.


<div>
<div class="content wysiwyg-content">
I want to have two editors on the same page.<br />
<br />
I want each editor to use a unique css file for formatting the content that is edited.<br />
<br />
TinyMCE does allow for multiple editors:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// from TinyMCE JS settings &nbsp; &nbsp; &nbsp; &nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elements : &quot;editor1,editor2,editor3&quot;,<wbr /><br />
<br />
The problem is that TinyMCE does NOT seem to allow for different CSS files for these editors:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// from TinyMCE JS settings &nbsp; &nbsp; &nbsp; &nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content_css : &quot;../css/editor1.css&quot;,<br />
<br />
How can I define a different CSS file for the content of each editor?<br />

</div>
</div>


I want to have two editors on the same page.

I want each editor to use a unique css file for formatting the content that is edited.

TinyMCE does allow for multiple editors:
	// from TinyMCE JS settings        
	elements : "editor1,editor2,editor3",

The problem is that TinyMCE does NOT seem to allow for different CSS files for these editors:
	// from TinyMCE JS settings        
	content_css : "../css/editor1.css",

How can I define a different CSS file for the content of each editor?


TinyMCE: Two editors with different CSS

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.