Want to replace "<p> </p>" with "<p></p>" on new paragraph button click in telerik rad editor - telerik

When we use New paragraph button in telerik rad editor it puts "<p> </p>".
Just Want to replace "<p> </p>" with "<p></p>" on new paragraph button click in telerik rad editor.

The entity inside the paragraph tags is added on purpose. If you remove it the browser won't be able to render the new line.
What I also noticed when testing the requested behavior is that IE automatically fills the contents of the empty tags with even when the content filters of the editor are disabled: http://demos.telerik.com/aspnet-ajax/editor/examples/builtincontentfilters/defaultcs.aspx.
I was able to reproduce this behavior in other WYSIWYG editors as well as in an editable iframe, which means that this is a browser behavior.

Related

Ckeditor HTML div's replaced with p tag automatically on save

I am trying to use ck editor , I add html to editor box it saved to database successfully. When i reopen my editor page and check source it vanish my all div's and all p tag to all html can you please help me how i can get out from this problem.

Corrupted data in Ace Editor when using browser 'back' button in single page app

I'm using Ace Editor in a Rails app with TurboLinks. The editor is initialized each time a page is loaded (including when a page is loaded via the browser 'back' button):
$(document).on('turbolinks:load', function () {
var editor = ace.edit("editor");
});
When clicking a link to another page in the application, and then clicking the browser 'back' button, the editor field is corrupted. For example, if the data in the editor is:
toto
tata
The data (displayed in the textarea of the editor) after going to another page an coming back becomes:
12tototataXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
How to prevent this from happening in my application?
My workaround was the following (executed at each turbolinks:load event, including when user uses 'back' button):
remove the previous editor div (exists only when using 'back' button), with something like $('#editor').remove()
load the content from a hidden div that is never edited
add a new div for the editor, with the content to edit (something like $('#foo').after(${content})
initialize the editor with ace.edit("editor");

CKEditor 3.6.1: Load editor on event

I create a page with multiple tabs.
On one of my tabs I want to use CKeditor on a textarea, so when I display my table I call:
editor = CKEDITOR.replace('MyTextArea', MyOptions );
I have the UI of the editor but when I click on the text area nothing append, I can't edit it. The solution for access to the text area is to use "tab" for accessing this field.
I try to put a default value and I can edit if I click on the text but if I click elsewhere in the area I cannot edit.
I have this problem for IE10 and I need it works on it. It's working on Chrome and Firefox. I use CKEditor 3.6.1 and I cannot upgrade it.
Thanks
The problem was the z-index of the container of my textarea, I change it and it works.

How to use the CKEditor in an custom ASPX page?

I would like to use the CKEditor on a SharePoint 2010 Custom Application Page (.aspx).
Is this possible?
Is there an example?
I have no special requirement on a sample. I would like to see only how to place an ASPX Textbox (Multiline) on an aspx page, place the CKEditor on the page and and activate the CKEditor on the field.
Yes, this is possible. You have to create a plugin with a custom button in it and the open on click a new window (the .aspx page). In this page you have to find the CKEditor instance, and you are then able to write back HTML to the editor.

set focus on textbox on a button click in mvc3

I have made a form in MVC and have included tabs. So I want to redirect to a text on a button lcik which is not in the default tab. So how can I do that
Write some jquery:
$('#buttonId').click(function(){
$('#textboxtofocusId').focus();
})

Resources