The forum operates in read-only mode. Please head to StackOverflow for support.

Wed, 05/23/2012 - 21:49

alfonsoml

Joined: 31/12/2006

Posts: 3737

HTML Buttons. Buttons to insert any HTML that you want.

This plugin allows to easily create as many buttons as desired that each one can insert into the editor the HTML snippet that you want.

More info and a running sample in this blog post.

License
Licensed under the terms of any of the following licenses at your choice: GPL, LGPL and MPL.

Download
HTML Buttons version 1.0:
download link

Installation
1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:

config.extraPlugins = 'htmlbuttons';

Sun, 08/05/2012 - 21:59

sergelie

Joined: 08/03/2012

Posts: 27

Re: HTML Buttons. Buttons to insert any HTML that you want.

Very Very useful, thanks a lot!

Sun, 08/05/2012 - 23:03

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: HTML Buttons. Buttons to insert any HTML that you want.

It would be nice if you could share some examples of how you're using it, so other people might get better ideas instead of my simple demo.
I might improve it one day but probably you have better ideas and icons that I do

Thu, 08/09/2012 - 09:13

uniterre

Joined: 16/07/2012

Posts: 12

Re: HTML Buttons. Buttons to insert any HTML that you want.

I use it for addind a line breaks after uploadind an image :

html:'<br style="clear:both;" />',

Fri, 04/18/2014 - 18:12

epiblue

Joined: 14/04/2014

Posts: 2

Translations

Can you advice how do I add translations to the custom made buttons? Please.

Sun, 06/15/2014 - 18:40

richosr

Joined: 22/06/2013

Posts: 9

Scayt and HTML Buttons

I have HTML Buttons working but when I add them I lose all menu options for SCAYT.

SCAYT works fine without HTMLButtons but as soon as I add HTML Buttons the menu options for SCAYT disappear and are replaced with {label}

Anyone had the same, and found a solution? Please.

Regards

Steve

Sat, 09/20/2014 - 12:49

gregor4711

Joined: 20/09/2014

Posts: 5

modify button to print content from php variable

using chk editor and I'm realy happy with. Following this howto I was able to create my own button.

There is just one missing step to fullfil my needs. What I like to day is to fill the writing erea with data, which comes from php app.

Therefore I design the button as folowing:

CKEDITOR.config.htmlbuttons = [
   {
       name:'button1',
       icon:'icon-stempel-gruen.png',
       html:'<?php echo $stempel; ?>',
       title:'Your name & time stamp'
   },

But no text will be shown after I pressing the button.

Any Idea?

Sat, 09/20/2014 - 16:16

(Reply to #7) #8

richosr

Joined: 22/06/2013

Posts: 9

modify button to print content from php variable @gregor4711

Is the above your entire code?

If so there should be no comma after the ending curly brace, and there should be a square closing bracket on the end like:

CKEDITOR.config.htmlbuttons =  [
    {
        name:'button1',
        icon:'icon-stempel-gruen.png',
        html:'<?php echo $stempel; ?>',
        title:'Your name & time stamp'
    }
];

Also you might want to get rid of the ambersand as that can sometimes affect the operation use 'and' instead, or try escaping the & .

You will also want to clear your browser cache as it may be displaying the previous version of the CKeditor from the cache.

regards

Steve

Sat, 09/20/2014 - 17:54

(Reply to #8) #9

gregor4711

Joined: 20/09/2014

Posts: 5

Hi Steve, many thanks for

Hi Steve, many thanks for your answer.

my code is descriped as in your example. I just copy the custom html butten example from here to my chk instalaition. Works great:)

I try all combinations with ambersand and without but no success.

btw. What you mean with "affect the operation use 'and' instead,"

Sat, 09/20/2014 - 18:09

(Reply to #9) #10

richosr

Joined: 22/06/2013

Posts: 9

Hi Steve, many thanks for @gregor4711

The Abersand in the text can often affect how javascript reads the text and it may stop the text being processed correctly as it is a character used by the javascript language, escaping it with \& or replacing it with the word 'and' can often fix that issue.

My buttons have similar code to yours and work correctly.

Have you tried replacing your php code

 html:'<?php echo $stempel; ?>',

with say

 html:'This is a test',

Then see if the 'This is a test' appears correctly, if it does check that you are not calling the php variable before it has been populated, (In other words your

<?php echo $stempel; ?>

is not being used before your script has put a value in it.)

regards

Steve

Sat, 09/20/2014 - 18:48

#11

gregor4711

Joined: 20/09/2014

Posts: 5

Hi Steve, following your

Hi Steve, following your recomandation...

1. Yes the text appears in the editor (plugin should be ok)

2. Regards to initialisation of php variable I was pretty sure (but he shit happend:))

Therefore I changed it to

html: '****####<?php echo($_SESSION["Z_Stempel"])?>',

The session variable is aviable before I call the page with CHK editor.

The "****####" is shown when I press the button but not the rest.

Is there may be a limitation in chk which not allows to load php content at this time?

Many Thanks for your support

Sat, 09/20/2014 - 19:44

(Reply to #11) #12

richosr

Joined: 22/06/2013

Posts: 9

@gregor4711

I know you probably already have, but the editor is being loaded on a .PHP page?

And you have added

<?php session_start(); ?>

at the top of the PHP page before all content to allow the session variable to be used?

I don't know whether this would make any different but I would have added the PHp as:

<?php echo $_SESSION["Z_Stempel"]; ?>

regards

Steve

Sun, 09/21/2014 - 06:32

#13

gregor4711

Joined: 20/09/2014

Posts: 5

yes, you are right I also

yes, you are right I also think about this issue, which lead me to the folowing example:)

html:'****####<?php echo("Hallo world")?>',

but just the non php stuff is showing. Is there an other posibility to include php code into javascript?

For me it looks like it is more an issue to inject php stuff into, rather than an issue of php variable.

Whats your thoughts about that?

Many Thanks & BR

Sun, 09/21/2014 - 07:18

(Reply to #13) #14

richosr

Joined: 22/06/2013

Posts: 9

@gregor4711

Hi,

I would need to see the whole page's HTML to be able to help further.

Can you post or attach the html of the page ?

regards

Steve

Mon, 09/22/2014 - 16:03

#15

gregor4711

Joined: 20/09/2014

Posts: 5

Hi Steave, this is an file

Hi Steave, this is an file with 5k, becaus it is from a php generator. I'm afride that would not be easy or helpfull to read.

For me it would be helpfull that someone can confirme that it is proved / already done that php code is processable at runtime within button java code.

To avoid confusing with the php generated file, I'll try to create empty page just with chk editor and an <?php echo 'Hallo World'?> button szenario.