Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 11/18/2017 in all areas

  1. How to create your own Email Template within CKEditor I successfully created my own custom newsletter-style template, with its own graphical header within CKEditor This is for those of you wanting to know how to create your own custom HTML template when you go to "Account Actions" - - > "Email Client" - - > from within your Admin panel ========================= Within the CKEditor folder open up the Default JS file found at... /vendors/ckeditor/plugins/templates/templates/default.js ( as of september 17, 2020 in Blesta 4.11.2 this no longer the path. See the new path at . . . https://www.blesta.com/forums/index.php?/topic/10716-how-to-create-your-own-email-template-within-ckeditor/&do=findComment&comment=67645 ) ================ Make certain to place every HTML tag and every line of text between two (2) commas , along with a plus-sign at the end of each of the ending-commas. FYI - The plus-sign should NOT come after the VERY LAST HTML tag. ========================= CODE EXAMPLE: '<span style="font-size:18px">'+ '<strong>'+ '<span style="color:#003366">'+ '<span style="font-family:Arial,Helvetica,sans-serif">'+ 'Here is some sample text'+ '</span>'+ '</span>'+ '</strong>'+ '</span>' ======================== ONLINE EXAMPLE: https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/templates/templates/default.js ========================= If you do not see any changes from within the front-end WYSIWYG for CKEditor , try clearing your browser's cache. Please " Vote this Up " if you like it.
    2 points
  2. Very nice! Just FYI on the HTML-in-JavaScript where you mention adding plus-signs--the plus-sign is the JavaScript concatenation operator which appends the string before it with the string after it. You could just have one large string (contained in single-quotes or double-quotes) without any concatenation, but I think the original template is written that way for readability. I'm sure those familiar with JavaScript will already recognize that.
    1 point
×
×
  • Create New...