Lightweight WYSIWYG Editor for PHP

A dead simple javascript based WYSIWYG html editor for PHP. It is lightwight, fastloading html editor can be integrated to PHP scripts easily.

I always wanted a very simple WYSIWYG editor for my PHP scripts with just simple functions like bold, italic, URL and Image insertion and nothing more than that! I came across many many open source editors and each had disadvantages like popup html window for inserting links, slow loading and much more, which …

i have been searching all over the web for a free hyperlink icon so that i can use it in my html editor. I am not sure it is a fair use by taking this icon from other sites and use it in my editor. i was afraid to do that as it could lead to copyright infringement.

i made myself one. You can use it completely free of charge for personal or commercial use. Its a very simple one though! …

how to hide textarea from javascript?

The simple problem i faced to hide textarea while replacing a textarea with wysiwyg html editor simply because there is no visible property for textarea.

All you have to do is set the style to hidden

document.getElementById(‘textareabox’).style.visibility=”hidden”;

Thats it!

If you want to assign value to iframe innerHTML its just easy. All you have to do is just assign the value of the textarea to the iframes innerHTML property. If the value is html source, the iframe will give a rich text look. There may a situation as well if you want to pull mysql html data and format it inside a html editor.

lets say you have a textarea where you have a html code and want to …

iframe componenet in javascript can provide a rich text editing and a html page can be easily embeeded inside iframe as it is just like frames.

<iframe id="edior" width="300" height="200 style="border:0px solid grey"></iframe>

To remove the border both in IE and firefox you can set the style to 0px.

You can also load the iframe dynamically with javascript

document.write("<iframe id=\"rte\" width=\"" + width + "\" height=\"" + height + "\" style=\"border:1px solid grey\"></iframe>");

But what if you want to send a value from iframe to …

iFrame when enabled in design just wont work in firefox. It wont accept any input, but it works very well in internet explorer. I was working on a rich text editor with iframe and this has been a major problem with it.

i finally resolved this.

Mozilla says this line must be called from by the onLoad() in the body, only then it would work

document.getElementById(“rte”).contentWindow.document.designMode = “On”

2. All elements in the javascript must by called by this function getElementbyID() .

<script type="text/javascript">
function Init() …

I had a terrible problem for a long time which frustrated me quite often! Being a programmer myself i wanted to post html code on my wordpress post and everytime i do it wordpress wont show the code and only shows the html output.

Just like html i wanted to post code like various other programming languages like PHP, CSS and javascript as well. i finally somehow resolved my problem by installing the free wordpress plugin syntax-highlighter. The code looked …

I have been always under the impression that making a html based WYSIWYG editor is hard and required complex code. Being myself a beginner in javascript i just cannot believe that how simple it is to make a rich text html editor with WYSIWYG environment.

With just few lines of simple code you can make yourself a simple rich text editor with javascript. All you need is to put iframe in the page which does most of the html processing work. …

i have come across many many open source WYSISWYG html editors and one thing that kept me always annoying is a popup html window to create a link. Since creating the hyperlink is such an important feature in the wysiwyg editor, keeping it simple is so important.

I just wanted like a prompt asking for URL and then creating a link. No more popup windows. I have searched a lot in the web for such a simple javascript code and its …

i had experienced a nightmare situation with my site down for most of the hours. I checked my website as usual and it loads only blank page and the site is currently hosted with bluehost!

I checked the source code and error_log of the nothing i could trace this error. I opened the browser to see the source code expecting atleast the html code of the blank page. I could find 500 – Internal server error there! I know these internal …