Try to display code in the WYSIWYG
8 posts by 3 authors in: Forums > CMS Builder
Last Post: May 16, 2011 (RSS)
By incube - May 14, 2011
I want to put some HTML, CSS and JAVASCRIPT to be displayed as is.
In the wysiwyg field, I clicked on the HTML and put my HTML. When there is a place I would like to display code I put
<pre><code class="prettyprint"> the code... </code></pre>
It doesn't work. I mean wysiwyg modify my code.
I would like to have a way to put some code in the field wysiwyg that it will not be modify or interpreting.
Most blog have a CODE tag that do the trick.
Thank you
Re: [incube] Try to display code in the WYSIWYG
By gkornbluth - May 14, 2011 - edited: May 14, 2011
Not the perfect solution, but <textarea> your code...</textarea> shows the code as code.
Try this in the HTML of the WYSIWYG editor as an example:
<p>Here's some code</p>
<p><br /><textarea style="width: 162px; height: 24px;"><br> < span class="blue"></textarea></p>
<p><br />And Here's some more text after the code block. </p> You can re-size the code block by dragging it's borders or if that fails, adjust the height and width of the style in the html.
Hope that helps.
Jerry Kornbluth
Take advantage of a free 3 month trial subscription, only for CMSB users, at: http://www.thecmsbcookbook.com/trial.php
Re: [gkornbluth] Try to display code in the WYSIWYG
By incube - May 14, 2011
You can see what I mean there:
http://beta.rdsign.net/code/article_6
It work for light html. But as soon as I put my complex structure it strips all my code and doesn't render the good thing. I should maybe use a Textbox instead and put my html inside it.
Re: [incube] Try to display code in the WYSIWYG
By gkornbluth - May 14, 2011
I don't have a better idea.
Can you do something with popups or links to code pages?
Please post your solution.
Jerry
Take advantage of a free 3 month trial subscription, only for CMSB users, at: http://www.thecmsbcookbook.com/trial.php
Re: [incube] Try to display code in the WYSIWYG
By incube - May 14, 2011
I really need a way that I can put anything between a tag that will not be rendered or alter in any ways.
Re: [gkornbluth] Try to display code in the WYSIWYG
By incube - May 14, 2011
There is so much blog with a Code tag that work. There is certainly a way to do it. CMS Builder should care about people who want to create a blog with there great CMS.
Re: [incube] Try to display code in the WYSIWYG
By Jason - May 16, 2011
In the wysiwyg editor, in the drop down box where you see "Paragraph" there's an option for "Preformatted".
Try this and let us know if that works for you.
Hope this helps
Jason Sauchuk - Project Manager
interactivetools.com
Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/
Re: [Jason] Try to display code in the WYSIWYG
By incube - May 16, 2011
I found another way too.
In html I pasted :
<pre><code class="prettyprint">short text</code></pre>
I go back in normal view and replace the short text with my html, javascript or css code.
It's a bit painfull but it did the job.
Your method is simplier than mine. Thank you.