hak_tinymce WYSIWYG article editor

tinyfly · 2007-04-09 20:19:07

Patrick,

Regarding your paragraph wrap callback function

I ran into the problem that if there was no text in the editor (for instance if you didn’t put any thing in the excerpt area) and saved it would add an empty paragraph.

To fix that I added if (html.length){} around your if statement and it seems to work fine now.

hakjoon · 2007-04-09 20:32:23

Cool I’ll add that to the function. Didn’t think of that scenario.

joel · 2007-04-11 09:42:24

First of all, thank you for a wonderful plugin! I works reallly great! My non-tech clients like this since most of them have some experience of using MS Word.

I’ve been reading through this thread in search for some image handling issues. Some of them previously asked though. I’ll ask them again. Hope you don’t mind… ;)

I really like the idea of upm_image_popper. Is it possible to integrate the basic idea from that?
How do I insert make pop-up-images via hak_tinymce?
How do I manage custom-image-tags such as lightbox/litebox/slimbox etc?
Is it possible to have an article image button (perhaps just in the excerpt field) that inserts full-story-linked images?

Once again, Kudos on your fantastic work!

Thanks in advance! :)

hakjoon · 2007-04-11 15:27:15

joel wrote:
I really like the idea of upm_image_popper. Is it possible to integrate the basic idea from that?

Which part of upm_img_popper in particular are you thinking of? There is an image picker already integrated but I’d be happy to modify it to meet requirements it’s not meeting.

How do I insert make pop-up-images via hak_tinymce?

There is no ‘make popup’ button but if you create a link around an image you have options to create a popup. I’d personally recommend integrating a non-obtrusive script to handle the popups vs having users inserting parameters on their.

I still need to build the link picker. I apologize for the delay on that front I’ve been distracted by other things.

How do I manage custom-image-tags such as lightbox/litebox/slimbox etc?

When you create a link around the image you can set rel tags and class to allow *box scripts to handle them. In fact lightbox is in the Rel drop down already :)

Is it possible to have an article image button (perhaps just in the excerpt field) that inserts full-story-linked images?

I think that would be better handled through your article form then in tinyMCE. Nils has asked for a “Insert as Article Image” option for the image picker, but I have this idea for a completely different interface for article images banging around in my head.

joel · 2007-04-11 17:15:53

hakjoon wrote:

Which part of upm_img_popper in particular are you thinking of? There is an image picker already integrated but I’d be happy to modify it to meet requirements it’s not meeting.

In this case I was thinking more about the article image/popups options.

The image picker in tiny_mce is good, but not perfect from a regular clients point of view. Of course every client has its certain needs. Therefore it would be good if the developer easily could hide unnessecary stuff from the interface – just like in the text-editor prefs. Some functions like for instance the alignment and margin part could perhaps be controlled with css instead of html?

There is no ‘make popup’ button but if you create a link around an image you have options to create a popup. I’d personally recommend integrating a non-obtrusive script to handle the popups vs having users inserting parameters on their.

That’s true, but I would still appreciate the possibilty of having that function… as an additional function. :)

I still need to build the link picker. I apologize for the delay on that front I’ve been distracted by other things.

You mean file-picker? That is one thing I really would like to have.

When you create a link around the image you can set rel tags and class to allow *box scripts to handle them. In fact lightbox is in the Rel drop down already :)

Where is the rel-dropdown. I cant find it in my installation (most recent version)

I think that would be better handled through your article form then in tinyMCE. Nils has asked for a “Insert as Article Image” option for the image picker, but I have this idea for a completely different interface for article images banging around in my head.

I think the ideal thing would be to control all images through one, and only one interface (when posting). Uploading/editing is in imho okay to have on the side. If you can implement some of these features above, my need and use of the txp:article_image would sink down to zero immediately. :)

Quick summary

One image picker for all kinds of insertions with a separate admin interface for easy customisation.
Better image control options with css/and perhaps javascript
A similar picker for files and links?

Cheers! :)

Last edited by joel (2007-04-11 17:16:59)

joel · 2007-04-11 20:05:50

Another cool feature would be to let the user apply a pre-defined css-class to the content. Is this possible via “styles” select list?

hakjoon · 2007-04-11 20:39:49

joel wrote:
Another cool feature would be to let the user apply a pre-defined css-class to the content. Is this possible via “styles” select list?

Check out the content_css param and the verify_css_classes param in the docs

Remember that this is just an integration of TinyMCE into Textpattern . It can do anything TinyMCE can do.

joel · 2007-04-12 06:57:48

hakjoon wrote:

Check out the content_css param and the verify_css_classes param in the docs

Remember that this is just an integration of TinyMCE into Textpattern . It can do anything TinyMCE can do.

I got a little bit carried away there :) Thanks for the info! I’ll look into it!

Thanks!

Last edited by joel (2007-04-12 07:53:53)

joel · 2007-04-12 08:03:16

hakjoon wrote:

Check out the content_css param and the verify_css_classes param in the docs

I’ve now read this docs. Very useful for me I believe! But I don’t get wich file to make these changes in…

Since the styles-select-list isn’t included in the simple and advanced theme (besides in the image picker), is it possible to include that or do I have to upload another theme with that select list available?

Thanks!

hakjoon · 2007-04-12 14:02:18

Check out the control reference to see what you need to add to the init strings to activate de-activate certain features. All this is done in the hak_tinymce tab under extensions. You will have an initialization block for the Body field and for the Excerpt field. In there you have 3 line defining the rows of buttons.

To add the styleselect to the second row you use

theme_advanced_buttons2_add: styleselect,

or you cna just add it to teh list of controls that are already there (some of these new button controls are new when i built the toolbars you had to explicitly tell it what to use)

As far as what CSS to use you can point it to a Stylesheet managed by TXP or one that you create and upload.

You can pretty much configure the whole editor form those two little boxes in the extensions tab. Unless you want to start creating custom themes but you only need to do that if you want want to change the appearance of the buttons in the toolbars. For regular stuff you should have no need for custom themes.

Last edited by hakjoon (2007-04-12 14:04:19)

tinyfly · 2007-04-12 16:00:59

hakjoon wrote:

When you create a link around the image you can set rel tags and class to allow *box scripts to handle them. In fact lightbox is in the Rel drop down already :)

Where is this mysterious rel tags option? I would like to use it on external links to set rel=“external”

hakjoon · 2007-04-12 16:06:23

tinyfly wrote:
Where is this mysterious rel tags option? I would like to use it on external links to set rel=“external”

It’s under the Advanced tab of the hyperlink Dialog. it’s called relationship page to target Although it’s a drop down and I have no clue how one adds options to it.

tinyfly · 2007-04-12 16:17:38

hakjoon wrote:

It’s under the Advanced tab of the hyperlink Dialog. it’s called relationship page to target…

hmm… I don’t have an advanced tab. Using link in the initialization for the toolbar I only get the Insert/edit link tab but nothing else.

hakjoon · 2007-04-12 16:19:30

I think you have to use advlink

beztak · 2007-04-13 09:16:37

Hi, Hakjoon, I have this problem with your plugin – in FF (and Opera too – but TinyMCE doesn’t work well with Opera) – editor is shown after textarea, which is also editable. I use latest plugin 0.7.1 and latest tinymce 2.1.0 from your ZIP file.

Textpattern CMS

Textpattern CMS support forum

#271 2007-04-09 20:19:07

Re: hak_tinymce WYSIWYG article editor

#272 2007-04-09 20:32:23

Re: hak_tinymce WYSIWYG article editor

#273 2007-04-11 09:42:24

Re: hak_tinymce WYSIWYG article editor

#274 2007-04-11 15:27:15

Re: hak_tinymce WYSIWYG article editor

#275 2007-04-11 17:15:53

Re: hak_tinymce WYSIWYG article editor

#276 2007-04-11 20:05:50

Re: hak_tinymce WYSIWYG article editor

#277 2007-04-11 20:39:49

Re: hak_tinymce WYSIWYG article editor

#278 2007-04-12 06:57:48

Re: hak_tinymce WYSIWYG article editor

#279 2007-04-12 08:03:16

Re: hak_tinymce WYSIWYG article editor

#280 2007-04-12 14:02:18

Re: hak_tinymce WYSIWYG article editor

#281 2007-04-12 16:00:59

Re: hak_tinymce WYSIWYG article editor

#282 2007-04-12 16:06:23

Re: hak_tinymce WYSIWYG article editor

#283 2007-04-12 16:17:38

Re: hak_tinymce WYSIWYG article editor

#284 2007-04-12 16:19:30

Re: hak_tinymce WYSIWYG article editor

#285 2007-04-13 09:16:37

Re: hak_tinymce WYSIWYG article editor

Board footer