Knowledgebase
Knowledgebase
Changes between FCKEditor and RadEditor
Posted by Jonathon Twigg on 07 September 2011 04:32 PM

In Verve v6 there are 2 HTML editor that can be used the FCKEditor which is the one from v5 and the new RadEditor.

When setting up the HTML Editor (Admin\Content\HTML Editor) there are different setting to use for the 2 editors.

Styles

FCKEditor

<Style name="Heading" element="h1" />

<Style name="SubHeading" element="h2" />

<Style name="SmallHeading" element="h3" />

<Style name="Warning" element="div">

  <Attribute name="class" value="warning" />

</Style>

RadEditor

<style name="Heading" element="h1" style="font-size:1.7em;margin:0 0 20px;padding-bottom:5px;color:#8c0000;border-bottom:3px solid #e6e6eb;font-weight:normal;" />

<style name="Sub Heading" element="h2" style="font-size:1.4em;color:#8c0000;" />

<style name="Small Heading" element="h3" style="font-size:1.1em;margin:2px 0 5px 0;" />

<style name="warning" element="div" style="background:#feecbb url(/css/images/warning.gif) no-repeat;background-position:7px 4px;padding:10px 10px 10px 55px;margin:10px 0;font-size:0.95em;" >

  <attribute name="class" value="warning" />

</style>

As you can see the XML elements are in lower case in the RadEditor and it also includes the style element so you can see the style in the drop down.

Snippets

FCKEditor

<Snippet title="Table" image="">

<Description>Insert a table</Description>

<Html><![CDATA[

<table cellspacing="0" cellpadding="5" width="100%" border="1" bordercolor="#86A9C7">    <tbody>        <tr>            <th align="left"> </th>            <th align="left"> </th>        </tr>        <tr>            <td> </td>            <td> </td>        </tr>    </tbody> </table>

]]></Html>

</Snippet>

RadEditor

<snippet name="Table" description="Insert a Table" image="/cms/images/icons/16x16/border_all.png">

<html><![CDATA[

<table cellspacing="0" cellpadding="5" width="100%" border="1" bordercolor="#86A9C7">    <tbody>        <tr>            <th align="left">&nbsp;</th>            <th align="left">&nbsp;</th>        </tr>        <tr>            <td>&nbsp;</td>            <td>&nbsp;</td>        </tr>    </tbody> </table>

]]></html>

</snippet>

As you can see the XML elements are in lower case, and some elemenst have been moved as attributes.

Custom Toolbars

FCKEditor

Simple

['Bold','Italic','Underline']

RadEditor

Simple

<?xml version="1.0" encoding="utf-8" ?>

<root>   

<tools>       

<tool name="Bold" shortcut="CTRL+B"/>       

<tool name="Italic" shortcut="CTRL+I"/>       

<tool name="Underline" shortcut="CTRL+U"/>   

</tools>

</root>

(0 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments:
CAPTCHA Verification 
 
Please enter the text you see in the image into the textbox below. This is required to prevent automated registrations and form submissions.

Help Desk Software by Kayako Fusion