Comments on: Plugin set of additional ExtJS HtmlEditor Buttons

By: Shea Frederick

Shea Frederick — Mon, 11 Jan 2010 01:16:12 +0000

Awesome idea. You might be able to use the SpecialCharacters plugin as a starting point, since it uses a dataview to display the list of options to select from. If you insert the “token” wrapped by a span and give that span a specific class, then a listener could be added within the plugin for a click event inside the editor area looking for that class and respond accordingly. Good luck, and I would love to post your code in the repo when your at a good point.

By: Jesse

Jesse — Sun, 10 Jan 2010 12:42:49 +0000

What would be nice, and I’d be willing to take a crack at this if/when I get some time, is a button that inserts a “field” or “token” type of object.

Consider an example from Facebook: when you are typing a person’s name to send them a message, once the field knows the profile of the recipient, the text you entered for their name becomes a block of uneditable text. It’s a div or maybe some kind of inline element, and you can only delete it, but not edit it.

The configurable properties of such a plugin would be a template to determine how to generate the inline replacement element, and another template that generates the actual markup that is stored in the field’s value and sent to the server.

Where I imagine this gets tricky is detecting when the user intends to delete the field and then doing The Right Thing.

By: Shea Frederick

Shea Frederick — Thu, 17 Sep 2009 19:18:01 +0000

Great point. I have updated the styles.css file and the Google Code Wiki pages to provide more details. Thanks for your feedback.

By: mschwartz

mschwartz — Thu, 17 Sep 2009 17:22:22 +0000

A couple of points…

There’s a .css file in the repo at code.google.com that references images that aren’t part of the repo. It would be nice if they were available somehow.

The .css isn’t mentioned in your blog post or on code.google.com. Like in the example usage part.

But awesome work, and your blog is a joy to read.

By: Skunks

Skunks — Thu, 17 Sep 2009 13:31:04 +0000

Awesome plugin.

Though I’m a bit stuck. I’d like the new buttons I create with this plugin to be in a new menubar, as the current one is stuffed already. Is this possible? I’m having troubles finding enough information on ExtJs to figure things like this out (in general sadly, not just now).

Thanks!

By: Homepage

Homepage — Thu, 27 Aug 2009 08:48:46 +0000

Great work thats looks very good

By: Conrad

Conrad — Fri, 21 Aug 2009 11:33:31 +0000

Hello Shea,

I created a formatblock plugin for the htmleditor. If you would like to include this in your selection I’d be honored. Little caveat: the code is licensed under the LGPL since I took some ideas and code lines from tinymce.

You can find the code here: http://blog.minimeta.de/2009/08/another-plugin-for-the-extjs-htmleditor/

By: minimeta material » Blog Archive » Another Plugin for the Extjs HtmlEditor

Fri, 21 Aug 2009 11:24:53 +0000

[...] this to your html before extjs-all.js and install it the same way as the plugins by Shea Frederick, so go and take a look there. Since I took some code from TinyMCE this code is licensed under the [...]

By: Anggun Firdaus

Anggun Firdaus — Mon, 17 Aug 2009 06:06:35 +0000

still waiting for image plugin like ajaxfilemanager or ibrowser

By: Shea Frederick

Shea Frederick — Mon, 10 Aug 2009 13:15:27 +0000

I kinda added the functionality your talking about, however editing html elements that are not simply on or off elements (ie bold is either on or off while hr has attributes) would require some UI creation, which I will likely tackle at a later point. Updated HtmlEditor Buttons