FCKEditor - oldest to most recent
Tips, tricks and howtos for the FCKEditor WYSIWYG Editor
FCKEditor is an in-browser Javascript WYSIWYG editor and supports a varity of server-side backends with PHP as the default. This section contains articles and blog posts about how to do stuff with FCKEditor.
Post sort order: Post Date (Newest First) | Post Date (Oldest First) | Alphabetical | Date Updated
FCKEditor 2.6 fixed issue with pre tags
Posted May 31st, 2008 in FCKEditor
I use FCKEditor in the admin section of my blog to write posts. I was using the 2.5 beta version (build 16848) and whenever I put <pre> tags into my pages for showing HTML/JS/PHP/etc code followed by e.g. a <div> tag, it would keep converting the HTML entities back from <div> to <div> which caused all sorts of issues.
FCKEditor 2.6.2 is released - fixes page scroll on ENTER
Posted June 25th, 2008 in FCKEditor (Updated June 26th, 2008)
FCKEditor 2.6.2 was released today with a number of bug fixes and minor improvements including an issue where the whole page scrolled down when pressing the enter key in the recently released Mozilla Firefox 3.0 and Opera 9.5. This post looks at the issue and how I go about upgrading FCKEditor on the websites in which I have it installed.
FCKEditor: Using a custom configuration file
Posted August 9th, 2008 in FCKEditor
A little while back I posted about how I upgrade FCKEditor when a new release comes out, and how I need to merge changes from my old fckconfig.js to the new one for the new release. I have since learned how to use a custom configuration file with FCKEditor which means no longer needing to merge changes into the new version of the file.
Using the FCKEditor HTML Editor with PHP
Posted August 20th, 2008 in FCKEditor and PHP
FCKeditor is an in-browser WYSIWYG HTML editor and I use it on a number of websites including in the blog admin for this website. This post looks at how to put FCKeditor into a web page using PHP. In future posts I will look at some of the other functions and features of FCKeditor.
Always make FCKEditor paste as plain text
Posted November 11th, 2008 in FCKEditor
FCKEditor is an in-browser Javascript WYSIWYG editor. It has a useful "paste as plain text" function which removes all formatting from the text in the clipboard before pasting it into the editor. This is useful for getting rid of all the additional HTML rubbish that Microsoft Word copies to the clipboard. This post looks at the function and then how to always enable the paste as plain text function in FCKEditor and a "gotcha" in Firefox.
FCKeditor after capital letters and colons
Posted January 7th, 2009 in FCKEditor and PHP
I use FCKEditor on my content driven websites to write the content. In version 2.6.3 I have found that the editor inserts characters after capital letters and the colon character, and I don't want this behaviour. This post shows a server-sided solution to the problem using PHP.
Remove "Browse" button and "Upload" tab in FCKEditor Link dialog
Posted January 20th, 2009 in FCKEditor
FCKEditor is an in browser Javascript based WYSIWYG HTML editor. It has a large number of configuration options to control various aspects of the interface. The link dialog box by default has a button to browse the server for a URL to link to and also allows image uploads when creating the link. This post looks at how to disable both of these options so they don't appear in the interface.
Remove "Browse" button and "Upload" tab in FCKEditor Image Properties dialog
Posted January 30th, 2009 in FCKEditor
10 days ago I looked at how to remove the "Browse" button and "Upload" tab in FCKEditor Link dialog in the FCKEditor in-browser Javascript HTML editor. This post looks at how to do the same thing but for the Image Properties dialog.
Insert HTML into FCKEditor
Posted February 13th, 2009 in FCKEditor
FCKEditor is an in-browser WYSIWYG HTML editor and I post howtos etc for FCKEditor on this blog roughly every 10 days in the Javascript category. This post looks at how to insert HTML into an FCKEditor editing area which you might need to do from your own custom dialog window.
Language selection with FCKEditor
Posted February 22nd, 2009 in FCKEditor
The FCKEditor in browser WYSIWYG HTML editor by default automatically detects the language it should use from the browser itself and falls back to a default setting. This post looks at how to change the default language and how to override the settings to it always uses a selected language.
Select the interface language in FCKEditor from a select box
Posted March 6th, 2009 in FCKEditor
My last FCKEditor post looked at how to change the default language setting and my last Javascript post how to add options to an HTML select box. This post combines the two and looks at how to add a drop down box to allow the FCKEditor user to select which language they would like to use, defaulting to the editor selected default if none is chosen.
Getting a handle to an FCKEditor Editor Instance
Posted March 17th, 2009 in FCKEditor
FCKEditor is an in-browser WYSIWYG HTML editor written in Javascript. There are times when you need to interact with the FCKEditor API; in order to use the API you need to first get a handle to the instance of the editor. This post shows how to do this; I have posted this code previously as part of another post but need to easily find it so have dedicated it to its own post.
Get the HTML from an FCKEditor instance
Posted March 29th, 2009 in FCKEditor
FCKEditor is an in-browser WYSIWYG HTML editor and I post an FCKEditor tutorial roughly every ten days. This post looks at how to get all the HTML from an FCKEditor instance. The next couple of posts will then look at how to get just what's selected and then how to do a custom save function.
Get the selected text from an FCKEditor instance
Posted April 7th, 2009 in FCKEditor
FCKEditor is an in-browser WYSIWYG HTML editor. Roughly every 10 days I post a tutorial or example code using FCKEditor in the Javascript section of this blog and in this post look at how to get a copy of the text that is currently selected in the editor. The next FCKEditor post on April 17th will show how to get the HTML of the current selection.
Get the selected HTML from an FCKEditor instance
Posted April 17th, 2009 in FCKEditor
In the last FCKEditor post I wrote how to get the selected text from an FCKEditor instance and in this post will look at how to do the same but to return the HTML source of the selection which will include all the tags etc.
Specify custom styles with FCKeditor
Posted June 14th, 2009 in FCKEditor
FCKeditor has a style drop down box which can be used to apply styles to a block of text. The styles in the drop down box can be customised by specifying a custom fckstyles.xml file.
Prevent "Red Title" showing in FCKEditor style drop down box
Posted June 21st, 2009 in FCKEditor
The style drop down box in FCKeditor has a number of default styles which can be overridden by specifying a custom fckstyles.xml file. However, "Red Title" remains there even if the XML styles file is replaced with a custom one.
Select the FCKEditor language - full example
Posted June 28th, 2009 in FCKEditor
I had an email from someone asking about my "Select the interface language in FCKEditor from a select box" post and where they should put the Javascript and drop down box. This post shows the full PHP page required to display the FCKEditor with language selection drop down boxes.
Count the words in an FCKeditor instance with Javascript
Posted July 5th, 2009 in FCKEditor and Javascript
A couple of days ago I looked at how to count the words in a textarea or input with jQuery and in this post look at how to do the same but for an FCKeditor instance. FCKeditor is an in-browser HTML editor. The code for counting the words uses regular Javascript and does not require jQuery.
Add an FCKeditor with Javascript only
Posted July 12th, 2009 in FCKEditor and Javascript
I normally embed the FCKeditor HTML editor into my forms on the server-side using PHP but it's also possible to do using Javascript alone, as I worked out when writing last week's FCKEditor post about getting the word count when I needed to embed an example with Javascript.
Enable the file manager connector with FCKEditor and PHP
Posted July 19th, 2009 in FCKEditor
By default the file manager is disabled in the FCKEditor in-browser WYSIWYG HTML editor for security reasons, so people can't browse files on your server. This post looks at how to enable the connector with PHP so you can browse files on your server.
Write content into a dynamic Javascript popup from FCKEditor
Posted July 2nd, 2010 in FCKEditor and Javascript
In response to a question asked on my "Count the words in an FCKeditor instance with Javascript" post about how to get the content from an FCKEditor instance and load it into a popup window, I posted "Write content into a dynamic Javascript popup" to show how to do this for any content. In this post I now show how to do this specifically for an FCKEditor instance.
RSS Feed
Twitter