This is a migrated thread and some comments may be shown as answers.

Javascript in MOSS radEditor

40 Answers 700 Views

WebParts for SharePoint

This is a migrated thread and some comments may be shown as answers.

40 Answers, 1 is accepted

answered on 09 Aug 2007, 12:50 PM

Hi John,

I am not quite sure what exactly you want to achieve, however you can use Javascript in RadEditor's content are in certain scenarios only. To enable Javascript, you need to do the following:

RadEditor in WebPart:
Set (add if not present) the AllowScripts property to true in ConfigFile.xml
RadEditor in WCM:
Set (add if not present) the AllowScripts and AllowSpecialTags properties to true in ConfigFile.xml
SharePoint forms scenario (Lists, Wikis, Blogs, etc.)
You cannot use Javascript in RadEditor in such scenario. There RadEditor does not have control over the presentation view which means that we cannot control the output when it is not in edit mode.

Best wishes,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 09 Aug 2007, 02:05 PM

The changes you recommended did not work. For my current task, I am trying to create an inline, sized, javascript popUp Window in a WCM radEditor field control.
I already had the AllowSpecialTags attribute set to true in the Page Layout's radE:RadHtmlField control to allow flash content. That was working fine. I added both tags to the config.xml anyway, per your instructions, and received a runtime error.
Configuration File provided is not valid. Invalid entries: AllowSpecialTags
I removed the AllowSpecialTags property from the config.xml and the error went away. However, when I try to add a javascipt call using the radEditor, the content gets stripped when I publish the page.

<a href="#" OnClick="window.open('http://www.google.com', 'Google'', 'height=130, width=160', false); return false;">Google</a>  

 

get changed to

<a href="#">Google</a>  

I also tried adding the AllowScripts to the radE:radHtmlField control, but that was not allowed either.

Here is my config.xml code:

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

<!-- ==============================================================================================  

    Config File valid structure:  

    <configuration> 

    <property>...</property> 

    ...  

        <property> 

            <item>...</item> 

            <item>...</item> 

            ...  

        </property> 

        ...  

    </configuration> 

=============================================================================================== --> 

<configuration> 

  <property name="AllowScripts">True</property> 

  <property name="AllowThumbGeneration">True</property> 

  <property name="ConvertToXhtml">True</property> 

  <property name="EnableDocking">False</property> 

  <property name="ShowHtmlMode">True</property> 

  <property name="ShowPreviewMode">False</property> 

  <property name="StripAbsoluteAnchorPaths">False</property> 

  <property name="StripAbsoluteImagesPaths">False</property> 

  <property name="ToolbarMode">ShowOnFocus</property> 

  <property name="ToolsWidth">800px</property> 

</configuration>

Accepted

answered on 10 Aug 2007, 12:26 PM

MossJavascript.zip

Hello John,

We (me and one of our RadEditor for MOSS developers) checked your code and it occurs that it must be inserted in a little bit of different way than the one you are using. The procedure is a little cumbersome and we will do our best to improve the situation in one of the following updates. Unfortunately at this point it must be followed step-by-step as otherwise the MOSS itself will clear the Javascript.

Here is how to add your Javascript step-by-step:

set the AllowScripts property to true in ConfigFile.xml and AllowSpecialTags = true in the the current page using SharePoint Designer
Do not add your Javascript in the OnClick property. You must add it in a separate <script> block.
Add an ID to your link
After the link's declaration, add a <script></script> block with the needed Javascript, e.g: document.getElementById('yourID').onclick=function (){yourFunction};

Note that the <script> block must be placed on a single line - do not press Enter, otherwise the MOSS will remove the script tags.

For convenience I've attached to this thread a small movie that shows how to insert your code in RadEditor for MOSS.
Let me know if you experience any problems with the approach.

All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 08 Jun 2009, 06:27 AM

Hi,

I am trying to enable javascript support like you said by setting "AllowSpecialTags" to be true in telerik:RadHtmlField control in layout page and adding AllowScripts in configfile.xml. I am using RAD MOSS Editor v 5.2.1. I type the javascript in a single line and still it gets stripped on saving the page.

Pagelayout
<telerik:RadHtmlField FieldName="PublishingPageContent" runat="server" AllowSpecialTags="true" />

configfile.xml in C:\Program Files\Common Files\Microsoft Shared\web server extensions\wpresources\RadEditorSharePoint\5.4.1.0__1f131a624888eeed\Resources
<configuration>
<property name="ToolbarMode">ShowOnFocus</property>
<property name="ToolsWidth">680px</property>
<property name="AllowScripts">true</property>
</configuration>

Regards,
Shishir

answered on 08 Jun 2009, 08:49 AM

Hello Shishir,

What you should know is that you can see the code that is sent to the MOSS site when you toggle between Design and HTML mode. Could you confirm that your javascript is executed when you toggle between modes?

Also when you save the content to the MOSS site some SharePoint's filters are applied over it. These filters are responsible for stripping the javascript code. Unfortunately RadEditor can not control this SharePoint functionality and there is no known work around for it.

Kind regards,
Stanimir
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 04 Jul 2009, 12:39 PM

Hi Stanimir

I have recently upgraded my radEditor for MOSS from 5.4.0.0 to 5.4.1.0.
But I am facing the issue with script tag added for the html link as following.
The tags which i am adding through a button is :
<div><a href="/links/redirectlink.aspx?id=yahoo mail.aspx" class="new-window-left" id="47200917594425" title="yahoo mail" target="_blank">yahoo mail</a>
<script>document.getElementById("47200917594425").onclick=function(){ExnLinkTrack(this);}</script>
</div>

The problem is : While checking in the page from html view of radEditor the script tag is retained on editing the page next time, but while checking in the page from design view of radEditor the script tag gets stripped off on editing the page next time.

Please note that i have set both the properties - "AllowScripts" in configFile and "AllowSpecialTags" in page as true.

I was not facing the same problem with version 5.4.0.0.

Is there any solution for this?

Regards,
Archana

answered on 07 Jul 2009, 10:59 AM

Hi Archana,

This week we will release the new version of RadEditor for MOSS 5.5.0. The issue will be fixed in it. You can find upgrade instructions in the following help article http://www.telerik.com/help/aspnet-ajax/upgrade_to_a_newer_version_of_radeditor_for_moss.html.

Also keep in mind that you can not enter javascript in form scenarios, such as list, wiki, blog ... . Here is the help article that describes the usage of scripts in RadEditor http://www.telerik.com/help/aspnet-ajax/scripts-in-radeditor.html

All the best,
Stanimir
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 07 Jul 2009, 01:22 PM

Hi Stanimir,

Thanks for the prompt reply.

However there is one more issue i am encountering for the version 5.4.1.0:
I have added a custom button in radEditor toolbar.
On click of that button I want a script to be generated and pasted in the html view.
Say for e.g.

answered on 10 Jul 2009, 05:30 AM

Hi Stanimir,

Thanks a lot. It worked for me.
However, in js file i have written code for the button to copy following text in htmlview :
<script type="text/javascript"> var strEmail1="abc_xyz";var strEmail2="@";var strEmail3="def.com";var strTitle="Archana Kanth";document.write("<a href=mailto:"+ strEmail1 + strEmail2 + strEmail3 + ">" + strTitle + "</a>");</script>

But instead its copying following text in the html view on clicking that button :
<script type="text/javascript"> var strEmail1="abc_xyz";var strEmail2="@";var strEmail3="def.com";var strTitle="Archana Kanth";document.write("<a href=mailto:" originalAttribute="href" originalPath="mailto:"" + strEmail1 + strEmail2 + strEmail3 + ">" + strTitle + "</a>");</script>

The text in the bold is appended by itself in the script tag and this is creating problem in the page.

Any solution to avoid the appending text in the script?

Regards,
Archana

answered on 28 Oct 2010, 06:38 PM

I am sort of confused here why it is that Telerik folks keep saying it is MOSS or WSS3 that is stripping the special chars and script tags. Maybe there is something I am missing here but if I create a custom control and use a basic asp.net textbox to fill the multiline text field type with the text from the textbox the special stuff is NOT stripped. If however I swap the textbox for a MossRadEditor ver5.8.0.0 it strips the special stuff out. Below is the FieldControl class which works fine when using the textbox(commented in the value fill and swapped for the radeditor).

public class WERCRichTextFieldControl : BaseFieldControl

{

private MOSSRadEditor editCtrl;

protected TextBox ScriptTextBox;

protected Literal litMsg;

protected PlaceHolder EditorPlaceHolder;

protected override string DefaultTemplateName

{

get

{

return "WERCRichTextField";

//return base.DefaultTemplateName;

}

protected override void RenderFieldForDisplay(HtmlTextWriter output)

{

RenderChildren(output);

}

protected override void CreateChildControls()

{

if (this.Field == null || this.ControlMode == SPControlMode.Display || this.ControlMode == SPControlMode.Invalid)

return;

base.CreateChildControls();

if (ControlMode == SPControlMode.Edit || ControlMode == SPControlMode.New)

{

ScriptTextBox = (TextBox)TemplateContainer.FindControl("ScriptTextBox");

litMsg = (Literal)TemplateContainer.FindControl("litMsg");

EditorPlaceHolder = (PlaceHolder)TemplateContainer.FindControl("EditorPlaceHolder");

editCtrl = new MOSSRadEditor();

editCtrl.AllowScripts = true;

//--also added allowscripts in both the ListConfigFile.xml

//--and ConfigFile.xml

EditorPlaceHolder.Controls.Add(editCtrl);

if (!this.Web.CurrentUser.IsSiteAdmin)

{

ScriptTextBox.Visible = false;

ScriptTextBox.ReadOnly = true;

litMsg.Text = "Only Site Administrators can add Script<br />";

}

public override object Value

{

get

{

EnsureChildControls();

//---see right here if I were using the ScriptTextBox

//---it has no problem saving anything that I plug in and the

//---base MultiLineTextField type is not stripping html content

//return ScriptTextBox.Text;

return editCtrl.Content;

}

set

{

EnsureChildControls();

base.Value = value;

ScriptTextBox.Text = value.ToString();

editCtrl.Content = value.ToString();

}

answered on 01 Nov 2010, 05:02 PM

Thanks for your response; however, I really am asking a question. Sorry I didn't word that more directly.
I need to get the special characters into a rich text field. I know I can do it if I create a custom field type based on the same type the OOTB rich text box uses and just use my own asp.net textbox as shown from the previous post. That doesn't work though with the MOSSRadEditor. Maybe the answer here is that I have to use the basic radeditor and not the MOSSRadEditor? How exactly does the MOSSRadEditor tie into the sharepoint libraries? Does it call internal sharepoint stuff before the .content of the MOSSRadEditor is handed back?

answered on 03 Nov 2010, 06:06 PM

In the last post I had the question "Maybe the answer here is that I have to use the basic radeditor and not the MOSSRadEditor?"
If I were to use the regular radeditor vs. the sharepoint version what major losses would I have in functionality?
Or would it be better to like you said take the source code for the MOSSRadEditor and rewrite it so that it doesn't leverage the sharepoint stripping engine before it inserts its value into the field? Or do you guys already have a version or hotfix like that? It just sounds like not everyone cares to allow sharepoint to strip the potentially bad code blocks. It seems like it would be an easy enough thing to set up as a configurable choice for MOSSRadEditor.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Javascript in MOSS radEditor

40 Answers, 1 is accepted