Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

TinyMCE

Featured Replies

Anyone had any experience of using/installing TinyMCE ?

 

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems

 

Website

 

Looking to use it on an upcoming project as a very simple piece of CMS

I installed it for use with an Expression Engine website. The standard EE publish fields do not come with a WYSIWYG editor. I found it easy to install and the clients found it easy to use. Although from a designers point of view it does give the editor more 'control' over text formatting. :(

 

(AFAIK I don't think you use it on it's own - the idea is to use it in conjunction with a CMS installation. You might want to look at alternatives if all you need is a very simple text edit CMS. CushyCMS would do it for you.)

TinyMCE is good but like pippin62 said, it does give users a lot of control of the content and can result in some pretty ugly text on the page.

 

jwysiwyg is a good, less powerful alternative.

Try the new CKEditor at www.ckeditor.com.

 

I use it for my CMS, and it works fine. Uses the latest standards.

Hi,

I use tinyMCE on one of my sites and found it very easy to install and configure, you can limit the toolbar very easily so the user doen't have all the control, I currently have it set so that the user can only pick predefined styles which match the rest of the site which I maintain.

 

Cheers

Sibbo

@Sibbo: I haven't used TinyMCE for a while, is it much work to add your own styles to the editor?

I've used it before but wouldn't really advocate it's use.

 

have you tried WYSIWYG Pro yet?

 

Linkety Link

 

That's nice, but nobody would pay that much for an editor.

I'd never advocate installing illegally obtained assets on client sites but I would advocate adding $54 dollars to an overall quote in order to provide a better end product.

 

I'd say plenty of poeple would pay this fee.

@Sibbo: I haven't used TinyMCE for a while, is it much work to add your own styles to the editor?

 

@Jmz, No I found it really easy to implament my own styles, see code below for initialising TinyMCE:

<script type="text/javascript" src="../tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">

tinyMCE.init({

mode : "textareas",

theme : "advanced",

content_css: "/knaresborough-editor.css",

plugins :

"safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,ibrowser",

 

// Theme options

theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,|,cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote",

theme_advanced_buttons2 : "undo,redo,|,link,unlink,anchor,image,help,|,insertdate,inserttime,preview,|,tablecontrols,|,hr,visualaid,|,sub,sup",

theme_advanced_buttons3 : "charmap,emotions,iespell,media,advhr,|,print,|,fullscreen,|,insertlayer,moveforward,movebackward,absolute,|spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote|,insertfile,insertimage,|,",

theme_advanced_buttons3_add : "ibrowser",

theme_advanced_toolbar_location : "top",

theme_advanced_toolbar_align : "left",

theme_advanced_statusbar_location : "bottom",

theme_advanced_resizing : true,

 

//Drop lists for link/image/media/template dialogs

template_external_list_url : "js/template_list.js",

external_link_list_url : "js/link_list.js",

external_image_list_url : "js/image_list.js",

media_external_list_url : "js/media_list.js"

});

</script>

 

I've highlighted the area that refers to adding your own CSS to the editor, I've also found a really nice little image uploader/resizer that plug straight into TinyMCE calle ibrowse.

 

Thanks

Sibbo

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.