Al jazary icon and logo Al jazary

Best online text editor to edit page using ckeditor - Al jazary

published 20 Aug 2016

Best online text editor to edit page using ckeditor

CKEditor is a ready-for-use HTML text editor designed to simplify web content creation. It's a WYSIWYG editor that brings common word processor features directly to your web pages. Enhance your website experience with our community maintained editor.

CKEditor is an Open source application, which means it can be modified in any way you want. It benefits from an active community that is constantly evolving the application with free add-ons and a transparent development process.

How to install Ckeditor in your website?

it's quit simple to get this editor run in our website, simply we use html form with texarea element. in your website that using editor insert script element pointing to ckeditor plugin.

there is two ways to set it on,

  • load ckeditor script directly from ckeditor cdn and run it.
  • download your modifiy ckeditor plugin and load it from your local directory.

Ckeditor Plugin from CDN

using this method mean there only 3 model if available, basic editor that only have simple button, standard editor using some button with usefull function we commonly used, than full editor that have more complex function.

to use this CDN plugin just put this script in your html source code :

<script src="//cdn.ckeditor.com/4.5.10/standard/ckeditor.js"></script>

after this script, run js code CKEDITOR.replace("editor1") in your script, it will trigered textarea with name="editor1", so you must named that textarea with

if you was using jquery than also can be done with :

$.getScript("//cdn.ckeditor.com/4.5.10/standard/ckeditor.js",function(){
CKEDITOR.replace("editor1");
});

using Ckeditor CDN link is quit simple and fast, but sometimes we need to modify some funtion, add more and throw unusefull button, also we need more tasty look in our rich online text editor.

Download Customized CKeditor and Load local directory

/image/content/small/ckeditormodifiedcustomizeplugintexteditoronline.pngnah, to do this you need to pay a visit ckeditor download link and follow the instruction there. the method is look same above but a diffirent is on script source link that we change into local directory or downloaded plugin.

have a good day and keep your design up, see ya later.

have any question or comment, hit the button below.

editorhtmlplugin updated 20 Aug 2016

0 total comments

Add Comment

Sitemap

    templates

    htaccess

    php

    tools

    articles

    hardware

Top articles