Forums / Extensions / eZOE - Add a button calling a custom tag

eZOE - Add a button calling a custom tag

Author Message

Laurent Esposito

Wednesday 14 April 2010 10:31:28 am

Hello,

I would like to know, if it's possible, how to display a new button in the oe toolbar.

My goal is to display a specific button which call a specific custom tag in order to avoid passing through the specific custom tag screen.

I've already managed the creation of my custom tag (named mycustomtag) and display a button on the oe tool bar. However, my button doesn't call any javascript event.

Thank you for your help,

Laurent

Laurent Esposito

Wednesday 14 April 2010 10:36:44 am

In fact, I would like to imitate the button which call the "sub" or the "sup" custom tag

André R.

Friday 16 April 2010 3:58:11 am

sub and sup are native commands, and use native tags, you can't use that as your limited to what the xhtml parser in ezoe supports.

But it is possible to create custom commands that create a custom tag with a predefined name, take a look at how pagebreak is implemented, it's part of the ez theme, but could just as well have been in an TinyMCE plugin (and yes, that is how you should implement this).

The pagebreak pieces as an example (this button only inserts a tag, it does not work on/off like sub/sup does):

// Control name lookup, format: title, command
        controls : {
....
            pagebreak : ['pagebreak_desc', 'mcePageBreak'],
_mcePageBreak : function( ui, val )
        {
            var ed = this.editor, n = ed.selection.getNode();
            if ( n.nodeName === 'P' && n.parentNode.nodeName === 'BODY' )
                ed.execCommand('mceInsertRawHTML', false, '</p><div type="custom" class="pagebreak mceItemCustomTag"><p>pagebreak</p></div><p>');
            else if ( n.nodeName === 'BODY' )
                ed.execCommand ('mceInsertRawHTML', false, '<div type="custom" class="pagebreak mceItemCustomTag"><p>pagebreak</p></div>');
            else
                alert( 'Not a suported location for a pagebreak, place it in the root of your document!' );
        },

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Laurent Esposito

Friday 23 April 2010 3:17:23 am

Thank you very much. I will try it !

Best regards,

Laurent

Sebastiaan van der Vliet

Thursday 19 May 2011 2:21:41 am

Hi Community,

Has anybody had any success in turning a custom tag into a button? I would like to see an example...

Thanks,

Sebastiaan

Certified eZ publish developer with over 9 years of eZ publish experience. Available for challenging eZ publish projects as a technical consultant, project manager, trouble shooter or strategic advisor.

Sebastiaan van der Vliet

Thursday 19 May 2011 6:37:00 am

Well, that was actually easy. I will do a blogpost about it when i have some time.

Certified eZ publish developer with over 9 years of eZ publish experience. Available for challenging eZ publish projects as a technical consultant, project manager, trouble shooter or strategic advisor.

eZ debug

Timing: Jan 17 2025 23:39:03
Script start
Timing: Jan 17 2025 23:39:03
Module start 'content'
Timing: Jan 17 2025 23:39:04
Module end 'content'
Timing: Jan 17 2025 23:39:04
Script end

Main resources:

Total runtime0.7629 sec
Peak memory usage4,096.0000 KB
Database Queries205

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0064 587.8281180.8281
Module start 'content' 0.00640.6123 768.6563617.6953
Module end 'content' 0.61860.1442 1,386.3516337.0547
Script end 0.7628  1,723.4063 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00440.5807210.0002
Check MTime0.00160.2112210.0001
Mysql Total
Database connection0.00070.091410.0007
Mysqli_queries0.665787.26182050.0032
Looping result0.00280.36522030.0000
Template Total0.730995.820.3654
Template load0.00230.299220.0011
Template processing0.728695.505020.3643
Template load and register function0.00030.040910.0003
states
state_id_array0.00120.161210.0012
state_identifier_array0.00100.133320.0005
Override
Cache load0.00200.2564310.0001
Sytem overhead
Fetch class attribute can translate value0.00240.312040.0006
Fetch class attribute name0.01181.550980.0015
XML
Image XML parsing0.00160.214540.0004
class_abstraction
Instantiating content class attribute0.00000.005690.0000
General
dbfile0.00210.2710350.0001
String conversion0.00000.000630.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
6content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
6content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
3content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
1content/datatype/view/ezxmltags/literal.tpl<No override>extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 18
 Number of unique templates used: 6

Time used to render debug report: 0.0002 secs