{"id":24486,"date":"2024-02-15T14:53:34","date_gmt":"2024-02-15T22:53:34","guid":{"rendered":"https:\/\/docs.extraview.com\/v25\/book\/customeditortoolbar-1\/"},"modified":"2025-02-24T09:48:48","modified_gmt":"2025-02-24T17:48:48","slug":"customeditortoolbar-1","status":"publish","type":"page","link":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/","title":{"rendered":"customEditorToolbar"},"content":{"rendered":"<p>The HTML Area utility, used within HTML Area fields, the sign on message, custom email composition and preparing scheduled reports, has a toolbar which is set with the behavior setting named EDITOR_TOOLBAR. This has 3 settings, BASIC, STANDARD and FULL, offering 3 preset arrangements of toolbar buttons. If you require to customize the buttons to provide your own arrangement, then this custom JavaScript exit enables this capability. You must set the behavior setting EDITOR_TOOLBAR to a value of CUSTOM for this method to be called.&nbsp; The HTML Area utility is built using the CKEditor open source utility, and you can look at www.ckeditor.com for more information on its configuration.<\/p>\n<h3>\n\tSignature<\/h3>\n<pre>\r\ncustomEditorToolbar()<\/pre>\n<p>\n\tThe <span style=\"font-family: courier new,courier,monospace;\">customEditorToolbar <\/span>method must return a string value which is the composition of the toolbar you require, with the different button groups and buttons in the appropriate order.<\/p>\n<h3>\n\tExample<\/h3>\n<p><span style=\"font-family: courier new,courier,monospace;\">function customEditorToolbar() {<\/span><\/p>\n<p><span style=\"font-family: courier new,courier,monospace;\">&nbsp; return(<br \/>\n\t&nbsp;&nbsp;[<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;document&#8217;, items : [ &#8216;Source&#8217;,&nbsp;&#8216;-&#8216;, &#8216;Save&#8217;, &#8216;NewPage&#8217;, &#8216;DocProps&#8217;, &#8216;Preview&#8217;, &#8216;Print&#8217;, &#8216;-&#8216; ,&#8217;Templates&#8217; ] },<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;tools&#8217;, items : [ &#8216;Maximize&#8217;, &#8216;ShowBlocks&#8217;, &#8216;-&#8216;, &#8216;About&#8217; ] },<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;basicstyles&#8217;, items : [ &#8216;Bold&#8217;, &#8216;Italic&#8217;, &#8216;Underline&#8217;, &#8216;Strike&#8217;, &#8216;Subscript&#8217;, &#8216;Superscript&#8217;, &#8216;-&#8216;, &#8216;RemoveFormat&#8217; ] },<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;paragraph&#8217;, items : [ &#8216;NumberedList&#8217;, &#8216;BulletedList&#8217;, &#8216;-&#8216;, &#8216;Outdent&#8217;, &#8216;Indent&#8217;, &#8216;-&#8216;, &#8216;Blockquote&#8217;, &#8216;CreateDiv&#8217;, &#8216;-&#8216;,&nbsp;&#8216;JustifyLeft&#8217;, &#8216;JustifyCenter&#8217;, &#8216;JustifyRight&#8217;, &#8216;JustifyBlock&#8217;, &#8216;-&#8216;, &#8216;BidiLtr&#8217;, &#8216;BidiRtl&#8217; ] },<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;links&#8217;, items : [ &#8216;Link&#8217;, &#8216;Unlink&#8217;, &#8216;Anchor&#8217; ] },<br \/>\n\t&nbsp;&nbsp;&nbsp; { name: &#8216;insert&#8217;, items : [ &#8216;Image&#8217;, &#8216;Flash&#8217;, &#8216;Table&#8217;, &#8216;HorizontalRule&#8217;, &#8216;Smiley&#8217;, &#8216;SpecialChar&#8217;, &#8216;PageBreak&#8217;, &#8216;Iframe&#8217; ] }<br \/>\n\t&nbsp;&nbsp; ]);<br \/>\n\t}<\/span><\/p>\n<p>The example shows the composition of a toolbar with 6 groups, each with a range of buttons.&nbsp; The <span style=\"font-family: courier new,courier,monospace;\">&#8216;-&#8216;<\/span> inserts a divider between buttons within a group.&nbsp; An <span style=\"font-family: courier new,courier,monospace;\">&#8216;\/&#8217;<\/span> entry inserts a new line into the toolbar.<\/p>\n<h3>\n\tCKEditor Plugins<\/h3>\n<p>If you are using the CKEditor environment to develop your own plugin which adds additional buttons to the toolbar, you need to have a statement within your UserJavaScipt.js file which identifies the names of the plugins you are adding.&nbsp; You add a global variable to your UserJavaScript.js file with the syntax:<\/p>\n<p><code>evPlugins = 'myPlugin1[,myPlugin2][,myPlugin3]';<\/code><\/p>\n<p>For example, if you have created a single plugin named <code>specialLink<\/code>, the statement becomes:<\/p>\n<p><code>evPlugins = 'specialLink';<\/code><\/p>\n<p>Please review the documentation for CKEditor at <a href=\"\/\/ckeditor.com\">ckeditor.com <\/a>for information on creating plugins for the environment.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The HTML Area utility, used within HTML Area fields, the sign on message, custom email composition and preparing scheduled reports, has a toolbar which is set with the behavior setting named EDITOR_TOOLBAR. This has 3 settings, BASIC, STANDARD and FULL, offering 3 preset arrangements of toolbar buttons. If you require to customize the buttons to&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24485,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-24486","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>customEditorToolbar - Product Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"customEditorToolbar - Product Documentation\" \/>\n<meta property=\"og:description\" content=\"The HTML Area utility, used within HTML Area fields, the sign on message, custom email composition and preparing scheduled reports, has a toolbar which is set with the behavior setting named EDITOR_TOOLBAR. This has 3 settings, BASIC, STANDARD and FULL, offering 3 preset arrangements of toolbar buttons. If you require to customize the buttons to...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Product Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-24T17:48:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/\",\"url\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/\",\"name\":\"customEditorToolbar - Product Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\"},\"datePublished\":\"2024-02-15T22:53:34+00:00\",\"dateModified\":\"2025-02-24T17:48:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ExtraView 25\",\"item\":\"https:\/\/docs.extraview.com\/v25\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"User Custom Guide\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"JavaScript Interface\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Support Methods\",\"item\":\"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"customEditorToolbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#website\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"name\":\"ExtraView Product Documentation\",\"description\":\"ExtraView Documentation\",\"publisher\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#organization\",\"name\":\"ExtraView Corporation\",\"url\":\"https:\/\/docs.extraview.com\/v25\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"contentUrl\":\"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png\",\"width\":512,\"height\":512,\"caption\":\"ExtraView Corporation\"},\"image\":{\"@id\":\"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"customEditorToolbar - Product Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/","og_locale":"en_US","og_type":"article","og_title":"customEditorToolbar - Product Documentation","og_description":"The HTML Area utility, used within HTML Area fields, the sign on message, custom email composition and preparing scheduled reports, has a toolbar which is set with the behavior setting named EDITOR_TOOLBAR. This has 3 settings, BASIC, STANDARD and FULL, offering 3 preset arrangements of toolbar buttons. If you require to customize the buttons to...","og_url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/","og_site_name":"Product Documentation","article_modified_time":"2025-02-24T17:48:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/","url":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/","name":"customEditorToolbar - Product Documentation","isPartOf":{"@id":"https:\/\/docs.extraview.com\/v25\/#website"},"datePublished":"2024-02-15T22:53:34+00:00","dateModified":"2025-02-24T17:48:48+00:00","breadcrumb":{"@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/customeditortoolbar-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":2,"name":"ExtraView 25","item":"https:\/\/docs.extraview.com\/v25\/"},{"@type":"ListItem","position":3,"name":"User Custom Guide","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/"},{"@type":"ListItem","position":4,"name":"JavaScript Interface","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/"},{"@type":"ListItem","position":5,"name":"Support Methods","item":"https:\/\/docs.extraview.com\/v25\/extraview-25\/user-custom-guide-1\/javascript-interface-1\/support-methods-1\/"},{"@type":"ListItem","position":6,"name":"customEditorToolbar"}]},{"@type":"WebSite","@id":"https:\/\/docs.extraview.com\/v25\/#website","url":"https:\/\/docs.extraview.com\/v25\/","name":"ExtraView Product Documentation","description":"ExtraView Documentation","publisher":{"@id":"https:\/\/docs.extraview.com\/v25\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.extraview.com\/v25\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/docs.extraview.com\/v25\/#organization","name":"ExtraView Corporation","url":"https:\/\/docs.extraview.com\/v25\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/","url":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","contentUrl":"https:\/\/docs-stg.extraview.com\/wp-content\/uploads\/2024\/03\/favicon.png","width":512,"height":512,"caption":"ExtraView Corporation"},"image":{"@id":"https:\/\/docs.extraview.com\/v25\/#\/schema\/logo\/image\/"}}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"carl.koppel","author_link":"https:\/\/docs.extraview.com\/v25\/author\/carl-koppel\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/comments?post=24486"}],"version-history":[{"count":0,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24486\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/pages\/24485"}],"wp:attachment":[{"href":"https:\/\/docs.extraview.com\/v25\/wp-json\/wp\/v2\/media?parent=24486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}