close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Irite Toolbar

Thread began 1/14/2010 10:47 am by Gareth.TannattNash253613 | Last modified 1/27/2010 4:30 pm by Dani Chankhour | 2378 views | 11 replies |

Gareth.TannattNash253613

Irite Toolbar

Help Please,

I'm going round in circles with the Irite Toolbar. I have created a custom toolbar which looks like -

{CODE}
// Custom configuration for iRite

FCKConfig.SkinPath = 'skins/silver/'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.DocType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';

FCKConfig.AutoDetectLanguage = false;
FCKConfig.DefaultLanguage = 'en';

FCKConfig.StartupFocus = false;
FCKConfig.FullPage = false;

FCKConfig.BaseHref = '';
FCKConfig.DefaultLinkTarget = '_self';

FCKConfig.ToolbarSets["Custom"] = [
['PasteText','Bold','UnorderedList','RemoveFormat','Undo']
]; /* Toolbar end */

FCKConfig.ForceStrongEm = true;
FCKConfig.FormatIndentator = ' ';
FCKConfig.EnterMode = 'p';
FCKConfig.FillEmptyBlocks = false;
FCKConfig.FormatOutput = false;
FCKConfig.FormatSource = true;
FCKConfig.IncludeGreekEntities = false;
FCKConfig.IncludeLatinEntities = false;
FCKConfig.ProcessHTMLEntities = true;
FCKConfig.ProcessNumericEntities = true;
FCKConfig.AdditionalNumericEntities = '';
FCKConfig.ForcePasteAsPlainText = true;
FCKConfig.CleanWordKeepsStructure = true;


FCKConfig.EditorAreaCSS = '../../Styles/mainbody.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = 'BODYDIV';
FCKConfig.StylesXmlPath = '../custom/newjob_descriptionStyles1.xml'; // relative to fckeditor/editor/fckeditor.html
{CODE}

You will no doubt see that the options I am looking for are only -

'PasteText'
'Bold'
'UnorderedList'
'RemoveFormat'
'Undo'

I'm calling the FCKEditor using -

<%
' WebAssist iRite: Rich Text Editor for Dreamweaver
Dim WARichTextEditor_1 : Set WARichTextEditor_1 = CreateRichTextEditor ("description", "../WA_iRite/", "572px", "230px", "Custom", "custom/newjob_description1.js", "")
%>

And I've uploaded all the files.

When I test the page, all I get is a toolbar with EVERYTHING on it, and nowhere to type any text.

I've used Irite several times previously and never had any issues? Appreciate any help that you can give me - many thanks....

....

Not sure whether this helps, but when I view source I get the following code -

<li>
<input type="hidden" id="description" name="description" value="" style="display:none" /><input type="hidden" id="description___Config" value="CustomConfigurationsPath=custom/newjob_description1.js" style="display:none" /><iframe id="description___Frame" src="../WA_iRite/editor/fckeditor-InstanceName-description+Toolbar-Custom.html " width="572px" height="230px" frameborder="0" scrolling="no"></iframe></li>

Sign in to reply to this post

Dani Chankhour

Please send me a link to your page so i can take a look at it.

One thing you can try is clearing the cache of your browser.

Sign in to reply to this post

Gareth.TannattNash253613

All fixed thank you, just one question how to do we set the style of how the text appears in the editor?

thank you

Sign in to reply to this post

Dani Chankhour

You can add styles to your styles list. To do that:

reenter the editor and click the customize button and then click on the Styles tab.
Browse to your style sheet and then select the classes that you would like to add to your styles list, and click OK.

When you browse to your HTMLEditor, you can select the class from your styles list.

Sign in to reply to this post

Gareth.TannattNash253613

Thank you

Hello, thanks for that - all sorted.

One final question, I need to validate that (A) something has been entered in the Irite Textarea and (B) that the number of characters does not exceed 6000.

I've got a validation script that works with normal form elements, but how can I validate the irite elements?

Thank you

Sign in to reply to this post

Dani Chankhour

the editor name could be used for validation. For example if you have an editor name:

ProductCartDesc then you can check it value as follow:

$_POST["ProductCartDesc"]

Sign in to reply to this post

Gareth.TannattNash253613

Hi Dani,

Thanks for that, I'm guessing that is PHP?

I'm an ASP developer, my javascript validation script looks like -

<script language='JavaScript' type='text/javascript' src='scripts/formValidator.js'></script>
<script>
function validateupdateaccount(formNode){
var formValidatorInstance = new FormValidator(formNode);
formValidatorInstance.addRule('pname','Profile Name is required','required');
formValidatorInstance.addRule('location','Preferred Location is required','required');
formValidatorInstance.addRule('sector2','Preferred Sector is required','required');
formValidatorInstance.addRule('fileField','Please upload your CV','required');
return formValidatorInstance.validate();
}
</script>

The element looks like -

<%
' WebAssist iRite: Rich Text Editor for Dreamweaver
Dim WARichTextEditor_1 : Set WARichTextEditor_1 = CreateRichTextEditor ("profile", "../WA_iRite/", "366px", "230px", "Custom", "../custom/newjob_profiledescription1.js", "")
%>

Any idea as to how to validate in this case?

Many thanks

Sign in to reply to this post

Dani Chankhour

try adding this line to your script:

formValidatorInstance.addRule('profile','Profile is required','required');

Sign in to reply to this post

Gareth.TannattNash253613

Hi Mate,

Sorry no joy, that merely tells me that Profile is required, regardless of whether anything has been entered into the Profile textarea RTE?

I also tried replacing it with -

formValidatorInstance.addRule('WARichTextEditor_1','Profile is required','required');

Which did nothing?

Appreciate your help with this?

Thanks

Sign in to reply to this post

Dani Chankhour

We can try using the editor api function to read the value of the editor:

var theEditor = FCKeditorAPI.GetInstance('profile') ;
value = theEditor.GetXHTML(true);


In this case the variable "value" will contain the value of the editor. I'm not sure how you could implement this with your script, but you might be able to add a custom script for iRite.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...