Non-Editable Element?

I'm trying to write a custom plugin for CKEditor. What i need is a non editable element. So this should be an inline element, that is not editable by the user. The element would be a placeholder that will be replaced in the following steps of my application by some data. I allready found out how to customize the editors CSS, so that i can change the look of this element, but my real problem, is that there is no really non-editable element, that i could found.

I tried out:
img: is resizable and has a right-click menu
hr: is not editable, but looks strange if declared as inline; breaks up paragraphs if declared as inline-block
div: editable content
span: editable content

So now i think of 2 ways of acomplishing what i want:
a) use img and disable resizing and right click menu for img's with my special class like <img class="placeholder">
b) use div or span and prevent editing by using javascript events

But i don't really know where to begin... Someone an idea?

Sat, 09/19/2009 - 09:45

garry.yao

Joined: 03/01/2009

Posts: 170

Re: Non-Editable Element?

Hi Jeff,

This feature is a feature under our consideration, please stay tuned with this ticket.

FYI, FCKEditor did have a placeholder plugin with similar functionality as you requested, which was used at MediaWiki, I hope it could be a reference for you.

Sun, 09/20/2009 - 11:25

jeff1985

Joined: 17/09/2009

Posts: 7

Re: Non-Editable Element?

thank you very much for your response!

so i assume, that this plugin was developed by CKSource? is that right? Is it planned to upgrade this plugin to the new ckeditor 3?

Thu, 10/29/2009 - 19:32

albertkuehner

Joined: 21/09/2009

Posts: 5

Re: Non-Editable Element?

I used a <input type="text" classs="myclass"/> for that. I disabled the input-editor on the right click with a hack and now I'm looking of how to make it resizable (can't use img as I need different text on it).

In short: You can disable the menu with a bad hack.

Thu, 10/29/2009 - 22:15

jeff1985

Joined: 17/09/2009

Posts: 7

Re: Non-Editable Element?

hm... how did you disabled the right click menu? can you post the code?

i used an img with custom class-attribute and would like to disable resising... so quite the opposite of yours

Fri, 10/30/2009 - 10:21

albertkuehner

Joined: 21/09/2009

Posts: 5

Re: Non-Editable Element?

jeff1985 wrote:hm... how did you disabled the right click menu? can you post the code?

i used an img with custom class-attribute and would like to disable resising... so quite the opposite of yours

Thu, 05/23/2013 - 17:03

aymen

Joined: 21/05/2013

Posts: 3

use that

element.contentEditable = false;

thats make the dom elements not editables