How to add a WYSIWYG text editor

Areej Abdu · November 22nd, 2013, 06:13 PM

hello

I would lik to add an input form that has one field only with a text box (multi lines) for the purpose of editing the content of the home page (editing mode)

which databound field should I use to edit the content of the home page

and I want to make it as a WYSIWYG text editor

how can I do this ???

-------------------------------------------------------------

Note : is it ok to post general questions like this one in this section
or ,, is there another suitabl section where programmers ask and answer general questions like this?

Imar · November 24th, 2013, 03:34 AM

HI there,

You can use a rich text editor like CKEditor: http://ckeditor.com/

From an ASP.NET perspective, your field is just a text field and then you turn it into a rich text editor with some JavaScript.

With regards to where you should post questions like these: since it's not directly related to my book, you're better off posting them in the Basics category from this list: http://p2p.wrox.com/asp-net-3-5-436/

Cheers,

Imar

Areej Abdu · November 25th, 2013, 11:55 AM

I opened this link
http://ckeditor.com/download

downloaded the basic editor and the ckeditor for asp.net

and I followed the instructions in these two links
http://docs.cksource.com/CKEditor_3....ation_Advanced
http://docs.cksource.com/CKEditor_3....tion_Beginners

and then all I get ,, is a white empty box ,, like this
http://www.shy22.com/upfiljpg/b3f93567.jpg

that's how I did things
http://www.shy22.com/upfilpng/jsn93815.png
-------------------------------------------

I don't know where exactly i'm going wrong !!!

-------------------------------------------

by the way ,, at the beginning ,, I tried to follow the instructions in chapter 12

u said ,, if we want to use an input form that would deal with a one record
we should either use form view or details view ,, I have chosen the details view , cause it offered me the two buttons update and cancel ,, after i made the default mode -> update mode ,, and i made the textbox -> mutilines with setting the height and width as needed ,, as described in the book

I created a new table in the database called Home with one column named contents ,, type ntext -> so it can support a large amount of english or arabic text
but then i figured ,, how it's gonna be updated without a key column ,, then I added a column ,, called Id ,, and I set it as the primary key ,,
am I working so far correctly ,, or i'm messing up ???

in the output form ,, I used the same details view ,, but in the read only mode
then I tried in the inputform to inter formatted text with tags like h1 p hr and br ,, and it didn't work well the way i wanted ,, most of the text didn't get inserted properly to the database ,, and then I erased up every thing I did

-----------------------------------

NOW ,, to make the wysiwyg thing work properly exactly the way I want ,, should i do the details view thing all again ,, and insert the ckeditor inside it ,, or just the i showed it in the screen shot ,, or what exactly ,, i'm messing up a lot on such a very easy thing ,,

Imar · November 25th, 2013, 01:53 PM

It looks like the script is not firing correctly, or it's targeting an incorrect client HTML ID. You may want to look at the source of your page and see if there's a mismatch in control IDs.

Otherwise, try posting this on the CK Editor's forum, or post a lot more code and detail here.

Cheers,

Imar

Areej Abdu · November 25th, 2013, 03:43 PM

OK ,, the CKeditor worked well ,,, after modifying the basepath properly

Now :

before I start on implementing these steps ,, please tell if the steps that i'm willing to apply are correct

I use details view , cause it offers me two buttons update and cancel ,, after i make the default mode -> update mode ,, and i make the textbox -> mutilines with setting the height and width as needed ,, as described in the book
in the output form ,, I use the same details view ,, but in the read only mode

the table i'm gonna create is it ok to create the table home with one column (content) without an Id primary key ,, or is it necessary to create this Id column in order to achieve the updating process ????

Imar · November 25th, 2013, 03:54 PM

Hi there,

You need a primary key in order for the control to work.

Cheers,

Imar

Areej Abdu · November 25th, 2013, 08:34 PM

thanx for all the support
it's all working great now

lovely regards

adamc168 · March 12th, 2016, 03:37 AM

You need a place in the CMS where we can put our custom code. This could be a plugin, module or theme. Modifying the H5P code is discouraged as you'll have issues upgrading and maintaining your patch. We recommend putting the code in a separate "mods" module or plugin, where you keep all the custom code for your CMS. See your CMS's documentation on how to create and set up a simple module or plugin, and activating it without any errors. Implement the "hook" that will modify the semantics of the content types.