Email-HTML String, Create SimpleNotice<\/div>
Assembles HTML text for email from workflow data. The html text will consist of blocks of abstract, image, main sentence, link button, and sub-sentence. If the setting is blank, the block will not be displayed.<\/div><\/div>\n\n\n
<\/span>Configs<\/div>
\n
- \n
- <\/i><\/span> A1: Set Magazine Title (e.g. “SaaS News”) *<\/span>#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> A2: Set Magazine Color (e.g. “#009900”)#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> A3: Set Magazine Font (e.g. “Arial”)#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> A4: Set Magazine Logo Url (eg https:\/\/example.com\/example.png<\/a> )#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B1: Set Subject (eg. “Questetra v13 Automatic Start Enhanced”) *<\/span>#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B2: Set Abstract (Line breaks are automatically converted to br)#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B3: Set Image Url (e.g. https:\/\/example.com\/example.png<\/a> )#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B4: Set Section1 (e.g. “About New Feature”)#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B5: Set Paragraph1#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B6: Set LinkButton Text#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B7: Set LinkButton URL#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B8: Set Section2 (e.g. “About Questetra”)#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> B9: Set Paragraph2#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> C1: Set Publisher Name (e.g. “Questetra, Inc.”) *<\/span>#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> C2: Set Publisher Url (e.g. https:\/\/example.com\/<\/a> ) *<\/span>#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> C3: Set Publisher Statement#{EL}<\/sup><\/span><\/li>\n
- <\/i><\/span> D: Select STRING DATA that stores Email-HTML (update) *<\/span><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n
<\/span>Script (click to open)<\/div>\n\n\n\n\/\/ GraalJS Script (engine type: 2)\n\n\/\/\/\/\/\/\/\/ START "main()" \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nmain();\nfunction main(){ \n\n\/\/\/\/ == Config Retrieving \/ \u5de5\u7a0b\u30b3\u30f3\u30d5\u30a3\u30b0\u306e\u53c2\u7167 ==\nlet strMagazineTitle = configs.get( "StrConfA1" ); \/\/\/ REQUIRED\n strMagazineTitle = encodeHTML( strMagazineTitle );\n if( strMagazineTitle === "" ){\n throw new Error( "\\n AutomatedTask ConfigError:" +\n " Config {A1: MagazineTitle} is empty \\n" );\n }\nlet strMagazineColor = configs.get( "StrConfA2" ).replace(\/\\"\/g, ""); \/\/ NotRequired\n if( strMagazineColor === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {A2: MagazineColor} is empty (default '#009900' applied)" );\n strMagazineColor = "#009900";\n }\nlet strMagazineFont = configs.get( "StrConfA3" ).replace(\/\\"\/g, "'"); \/\/ NotRequired\n if( strMagazineFont === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {A3: MagazineFont} is empty (default applied)" );\n strMagazineFont = "Arial, -apple-system, Meiryo, Helvetica, sans-serif";\n }\nconst strLogoUrl = configs.get( "StrConfA4" ); \/\/ NotRequired\n if( strLogoUrl === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {A4: LogoUrl} is empty" );\n }\nlet strSubject = configs.get( "StrConfB1" ); \/\/\/ REQUIRED\n strSubject = encodeHTML( strSubject );\n if( strSubject === "" ){\n throw new Error( "\\n AutomatedTask ConfigError:" +\n " Config {B1: Subject} is empty \\n" );\n }\nlet strAbstract = configs.get( "StrConfB2" ); \/\/ NotRequired\n if( strAbstract === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B2: Abstract} is empty" );\n }else{\n strAbstract = encodeHTML( strAbstract ).replace(\/\\n\/g, '<br>\\n');\n strAbstract = convertMultiSpaces( strAbstract );\n }\nconst strImageUrl = configs.get( "StrConfB3" ); \/\/ NotRequired\n if( strImageUrl === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B3: ImageUrl} is empty" );\n }\nlet strSection1 = configs.get( "StrConfB4" ); \/\/ NotRequired\n if( strSection1 === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B4: Section1} is empty" );\n }else{\n strSection1 = encodeHTML( strSection1 );\n }\nlet strParagraph1 = configs.get( "StrConfB5" ); \/\/ NotRequired\n if( strParagraph1 === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B5: Paragraph1} is empty" );\n }else{\n strParagraph1 = encodeHTML( strParagraph1 ).replace(\/\\n\/g, '<br>\\n');\n strParagraph1 = convertMultiSpaces( strParagraph1 );\n }\nlet strLinkButtonText = configs.get( "StrConfB6" ); \/\/ NotRequired\n strLinkButtonText = encodeHTML( strLinkButtonText );\n if( strLinkButtonText === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B6: LinkButtonText} is empty" );\n }\nconst strLinkButtonUrl = configs.get( "StrConfB7" ); \/\/ NotRequired\n if( strLinkButtonUrl === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B7: LinkButtonUrl} is empty" );\n }\nif( strLinkButtonText === "" && strLinkButtonUrl !== "" ){\n strLinkButtonText = strLinkButtonUrl;\n}\nlet strSection2 = configs.get( "StrConfB8" ); \/\/ NotRequired\n if( strSection2 === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B4: Section2} is empty" );\n }else{\n strSection2 = encodeHTML( strSection2 );\n }\nlet strParagraph2 = configs.get( "StrConfB9" ); \/\/ NotRequired\n if( strParagraph2 === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {B5: Paragraph2} is empty" );\n }else{\n strParagraph2 = encodeHTML( strParagraph2 ).replace(\/\\n\/g, '<br>\\n');\n strParagraph2 = convertMultiSpaces( strParagraph2 );\n }\nlet strPublisherName = configs.get( "StrConfC1" ); \/\/\/ REQUIRED\n strPublisherName = encodeHTML( strPublisherName );\n if( strPublisherName === "" ){\n throw new Error( "\\n AutomatedTask ConfigError:" +\n " Config {C1: PublisherName} is empty \\n" );\n }\nconst strPublisherUrl = configs.get( "StrConfC2" ); \/\/\/ REQUIRED\n if( strPublisherUrl === "" ){\n throw new Error( "\\n AutomatedTask ConfigError:" +\n " Config {C2: PublisherUrl} is empty \\n" );\n }\nlet strPublisherStatement = configs.get( "StrConfC3" ); \/\/ NotRequired\n if( strPublisherStatement === "" ){\n engine.log( " AutomatedTask ConfigWarning: " +\n " {C3: PublisherStatement} is empty" );\n }else{\n strPublisherStatement = encodeHTML( strPublisherStatement ).replace(\/\\n\/g, '<br>\\n');\n strPublisherStatement = convertMultiSpaces( strPublisherStatement );\n }\nconst strPocketHtml = configs.getObject( "SelectConfD" ); \/\/\/ REQUIRED\n\n\n\n\/\/\/\/ == Data Retrieving \/ \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u306e\u53c2\u7167 ==\n\/\/ (Nothing. Retrieved via Expression Language in Config Retrieving)\n\n\n\/\/\/\/ == Calculating \/ \u6f14\u7b97 ==\n\/\/ Build HTML String with Template_literals (ES6)\n\/\/ ${strMagazineTitle}\n\/\/ ${strMagazineColor}\n\/\/ ${strMagazineFont}\n\/\/ ${strLogoUrl}\n\/\/ ${strSubject}\n\/\/ ${strAbstract}\n\/\/ ${strImageUrl}\n\/\/ ${strSection1}\n\/\/ ${strParagraph1}\n\/\/ ${strLinkButtonText}\n\/\/ ${strLinkButtonUrl}\n\/\/ ${strSection2}\n\/\/ ${strParagraph2}\n\/\/ ${strPublisherName}\n\/\/ ${strPublisherUrl}\n\/\/ ${strPublisherStatement}\n\nlet strBlockHeader = `<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN"\n "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html><head>\n <meta http-equiv="Content-Type" content="text\/html; charset=UTF-8">\n <meta http-equiv="Content-Style-Type" content="text\/css">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>${strMagazineTitle}<\/title>\n<\/head><body bgcolor="#ffffff"\n style="background-color:#ffffff; margin:0 auto; padding:0; width:100%; font-family:${strMagazineFont}">\n\n<table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff"\n style="width:100%; max-width:640px; border:none; margin:0 auto; padding:0; background-color:#ffffff">\n`;\n\nlet strBlockLogo = `<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n<tr><td width="100%" style="width:100%; margin:0; padding:0">\n <img src="${strLogoUrl}" alt="Logo Image" style="max-width:100%; height:auto">\n<\/td><\/tr>\n<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n`;\n\nlet strBlockSubject = `<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n<tr><td style="font-family:${strMagazineFont}">\n ${strMagazineTitle}\n<\/td><\/tr>\n<tr><td>\n <h2 style="font-size:1.8em; color:${strMagazineColor}; font-family:${strMagazineFont}">\n ${strSubject}<\/h2>\n<\/td><\/tr>\n`;\n\nlet strBlockAbstract = `<tr><td style="font-family:${strMagazineFont}">\n ${strAbstract}\n<\/td><\/tr>\n`;\n\nlet strBlockImage = `<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n<tr><td\n width="100%" style="width:100%; margin:0; padding:0">\n <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff"\n style="width:100%; border:none; margin:0 auto; padding:0; background-color:#ffffff">\n <tr><td width="5%"><\/td>\n <td width="90%">\n <img src="${strImageUrl}" alt="Featured Image" style="max-width:100%">\n <\/td>\n <td width="5%"><\/td><\/tr>\n <\/table>\n<\/td><\/tr>\n<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n`;\n\nlet strBlockSection1 = `<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n<tr><td>\n <h3 style="font-size:1.6em; font-family:${strMagazineFont}">\n ${strSection1}<\/h3>\n<\/td><\/tr>\n`;\n\nlet strBlockParagraph1 = `<tr><td style="font-family:${strMagazineFont}">\n ${strParagraph1}\n<\/td><\/tr>\n`;\n\nlet strBlockLinkButton = `<tr><td height="16" style="height:1.0em"><\/td><\/tr>\n<tr><td\n width="100%" align="center"\n style="width:100%; margin:0px auto">\n <a href="${strLinkButtonUrl}"\n style="display:inline-block; font-weight:bold; border-radius:8px; padding:10px 20px;\n color:#ffffff; background:${strMagazineColor}; border:solid 4px ${strMagazineColor}">\n ${strLinkButtonText}<\/a>\n<\/td><\/tr>\n<tr><td height="16" style="height:1.0em"><\/td><\/tr>\n`;\n\nlet strBlockSection2 = `<tr><td height="8" style="height:0.5em"><\/td><\/tr>\n<tr><td>\n <h3 style="font-size:1.6em; font-family:${strMagazineFont}">\n ${strSection2}<\/h3>\n<\/td><\/tr>\n`;\n\nlet strBlockParagraph2 = `<tr><td style="font-family:${strMagazineFont}">\n ${strParagraph2}\n<\/td><\/tr>\n`;\n\nlet strBlockFooter = `<tr><td height="32" style="height:2.0em"><\/td><\/tr>\n<tr><td height="24" bgcolor="#eeeeee" style="height:1.5em; background:#eeeeee"><\/td><\/tr>\n<tr><td\n width="100%" align="center" bgcolor="#eeeeee"\n style="width:100%; text-align:center; background:#eeeeee; font-size:.8em">\n <a href="${strPublisherUrl}">${strPublisherName}<\/a>\n<\/td><\/tr>\n<tr><td\n width="100%" align="center" bgcolor="#eeeeee"\n style="width:100%; text-align:center; background:#eeeeee; font-size:.7em">\n ${strPublisherStatement}\n<\/td><\/tr>\n<tr><td height="24" bgcolor="#eeeeee" style="height:1.5em; background:#eeeeee"><\/td><\/tr>\n<tr><td height="24" style="height:1.5em"><\/td><\/tr>\n\n<\/table><\/body><\/html>\n`;\n\nlet strHtml = strBlockHeader;\n if( strLogoUrl !== "" ){\n strHtml += strBlockLogo;\n }\n strHtml += strBlockSubject;\n if( strAbstract !== "" ){\n strHtml += strBlockAbstract;\n }\n if( strImageUrl !== "" ){\n strHtml += strBlockImage;\n }\n if( strSection1 !== "" ){\n strHtml += strBlockSection1;\n }\n if( strParagraph1 !== "" ){\n strHtml += strBlockParagraph1;\n }\n if( strLinkButtonUrl !== "" ){\n strHtml += strBlockLinkButton;\n }\n if( strSection2 !== "" ){\n strHtml += strBlockSection2;\n }\n if( strParagraph2 !== "" ){\n strHtml += strBlockParagraph2;\n }\n strHtml += strBlockFooter;\n\n\n\/\/\/\/ == Data Updating \/ \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u3078\u306e\u4ee3\u5165 ==\nengine.setData( strPocketHtml, strHtml );\n\n} \/\/\/\/\/\/\/\/ END "main()" \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n\n\nfunction encodeHTML( str ){\n return str.replace(\/&\/g, '&')\n .replace(\/<\/g, '<')\n .replace(\/>\/g, '>')\n .replace(\/"\/g, '"')\n .replace(\/'\/g, ''');\n}\n\n\/\/ convert multiple consecutive spaces to "\u00a0 \u00a0 \u00a0 .."\nfunction convertMultiSpaces( strArg ){\n let re = \/\\ {2,}\/g;\n\/\/ let re = \/s{2,}\/g;\n let strReturn = strArg.replace( re, function( strMatch ){\n let strNbspSpRepeat = "";\n for( let i = 0; i < strMatch.length; i++ ){\n if( (i % 2) === 0 ){ \/\/ Even number\n strNbspSpRepeat += "\u00a0";\n }else{ \/\/ Odd number\n strNbspSpRepeat += " ";\n }\n }\n return strNbspSpRepeat;\n });\n return strReturn;\n}\n\n\n\/*\nNotes:\n- When a token reaches the automated step, the code for HTML mail is automatically generated.\n - The generated code can be set in "Message Sending Intermediate Event (Email)" (v13.1) as it is.\n - https:\/\/support.questetra.com\/bpmn-icons\/throwing-message-intermediate-event-email\/\n - It is also effective to add a human step in downstream to add decorative tags such as strong and span.\n- Special characters in workflow data are escaped as appropriate.\n - For example, "<" is automatically converted to "<".\n - Line feed codes in multi-line text are automatically converted to br tags.\n- Multiple spaces (two or more spaces) in workflow data are replaced with "\u00a0" every other character.\n - eg "A B C D" to "A\u00a0 \u00a0B\u00a0 C D"\nAPPENDIX\n- The generated HTML code is not guaranteed to be displayed properly in all mailers.\n- The HTML code is built on the basis of 640px wide table tags.\n - Basically, the background color is white and the text color is black.\n - Subjects (titles) in the email body will be displayed in the color specified in MagazineColor.\n - The link button in the email will be displayed in the color specified in MagazineColor.\n- MagazineLogo image is displayed in its original size.\n - Image with a width greater than 640px will be scaled down.\n - As a guide, the height should be between 20px and 50px.\n - The URL of the MagazineLogo image must be accessible to the recipient.\nNotes-ja:\n- \u6848\u4ef6\u304c\u81ea\u52d5\u51e6\u7406\u5de5\u7a0b\u306b\u5230\u9054\u3057\u305f\u969b\u3001HTML\u30e1\u30fc\u30eb\u7528\u306e\u30b3\u30fc\u30c9\u304c\u81ea\u52d5\u7684\u306b\u751f\u6210\u3055\u308c\u307e\u3059\u3002\n - \u751f\u6210\u3055\u308c\u305f\u30b3\u30fc\u30c9\u306f\u3001\u305d\u306e\u307e\u307e\u300e\u30e1\u30c3\u30bb\u30fc\u30b8\u9001\u4fe1\u4e2d\u9593\u30a4\u30d9\u30f3\u30c8\uff08\u30e1\u30fc\u30eb\uff09\u300f\uff08v13.1\uff09\u306b\u30bb\u30c3\u30c8\u3067\u304d\u307e\u3059\u3002\n - https:\/\/support.questetra.com\/ja\/bpmn-icons\/throwing-message-intermediate-event-email\/\n - \u4e0b\u6d41\u306b "\u88c5\u98fe\u30bf\u30b0\u3092\u624b\u52d5\u8ffd\u52a0\u3059\u308b\u5de5\u7a0b"\uff08strong \u3084 span \u306a\u3069\uff09\u3092\u914d\u7f6e\u3059\u308b\u306e\u3082\u52b9\u679c\u7684\u3067\u3059\u3002\n- \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u5185\u306e\u7279\u6b8a\u6587\u5b57\u306f\u3001\u9069\u5b9c\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u3055\u308c\u307e\u3059\u3002\n - \u305f\u3068\u3048\u3070\u3001"<" \u306f "<" \u306b\u81ea\u52d5\u7684\u306b\u5909\u63db\u3055\u308c\u307e\u3059\u3002\n - \u8907\u6570\u884c\u30c6\u30ad\u30b9\u30c8\u5185\u306e\u6539\u884c\u30b3\u30fc\u30c9\u306f\u3001\u81ea\u52d5\u7684\u306b br \u30bf\u30b0\u306b\u5909\u63db\u3055\u308c\u307e\u3059\u3002\n- \u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u30c7\u30fc\u30bf\u5185\u306e\u9023\u7d9a\u30b9\u30da\u30fc\u30b9\uff082\u6587\u5b57\u4ee5\u4e0a\uff09\u306f\u3001\u4e00\u6587\u5b57\u304a\u304d\u306b "\u00a0" \u306b\u7f6e\u63db\u3055\u308c\u307e\u3059\u3002\n - eg "A B C D" to "A\u00a0 \u00a0B\u00a0 C D"\nAPPENDIX-ja\n- \u751f\u6210\u3055\u308c\u308bHTML \u30b3\u30fc\u30c9\u306f\u3001\u5168\u3066\u306e\u30e1\u30fc\u30e9\u3067\u6b63\u5e38\u306b\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u304c\u4fdd\u8a3c\u3055\u308c\u3066\u3044\u308b\u8a33\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n- HTML \u30b3\u30fc\u30c9\u306f\u3001640px \u5e45\u306e table \u30bf\u30b0\u304c\u30d9\u30fc\u30b9\u3068\u306a\u3063\u3066\u7d44\u307f\u7acb\u3066\u3089\u308c\u307e\u3059\u3002\n - \u80cc\u666f\u8272\u306f\u767d\u3001\u6587\u5b57\u8272\u306f\u9ed2\u304c\u57fa\u672c\u3068\u306a\u308a\u307e\u3059\u3002\n - \u30e1\u30fc\u30eb\u5185\u306b\u518d\u63b2\u3055\u308c\u308b\u30b5\u30d6\u30b8\u30a7\u30af\u30c8\uff08\u30bf\u30a4\u30c8\u30eb\uff09\u306f\u3001MagazineColor \u3067\u6307\u5b9a\u3057\u305f\u8272\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n - \u30e1\u30fc\u30eb\u5185\u306b\u8868\u793a\u3055\u308c\u308b\u30ea\u30f3\u30af\u30dc\u30bf\u30f3\u306f\u3001MagazineColor \u3067\u6307\u5b9a\u3057\u305f\u8272\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n- Magazine Logo \u753b\u50cf\u306f\u3001\u305d\u306e\u307e\u307e\u306e\u30b5\u30a4\u30ba\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n - \u5e45\u304c 640px \u3092\u8d85\u3048\u308b\u753b\u50cf\u306f\u7e2e\u5c0f\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n - \u9ad8\u3055\u304c 20px \u304b\u3089 50px \u304c\u76ee\u5b89\u3068\u306a\u308a\u307e\u3059\u3002\n - Magazine Logo \u753b\u50cf\u306e URL \u306f\u3001\u53d7\u4fe1\u8005\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308bURL\u3067\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\n*\/\n\n\n<\/code><\/pre><\/div>\n\n\n<\/div><\/div>\n\n\n\n<\/a><\/figure>\n\n\n\n
<\/i> Download<\/h3>\n\n\n\n
- \n
- Email-Html-String-Create-SimpleNotice-2021.xml<\/a><\/li>\n\n\n\n
- Email-Html-String-Create-SimpleNotice-2023.xml<\/a>\n
- \n
- 2023-08-08 (C) Questetra, Inc. (MIT License)<\/li>\n\n\n\n
- for “GraalJS standard (engine-type 3)” on v15.0 or above<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
2021-06-20 (C) Questetra, Inc. (MIT License)
https:\/\/support.questetra.com\/addons\/email-html-string-create-simplenotice-2021\/<\/a>
<\/i> The Addon-import feature is available with Professional<\/strong><\/span> edition.<\/p>\n\n\n<\/div>\n\n\n\n<\/i> Notes<\/h3>\n\n\n\n
- \n
- When a token reaches the automated step, the code for HTML mail is automatically generated.\n
- \n
- The generated code can be set in “Message Sending Intermediate Event (Email)” (v13.1) as it is.<\/li>\n\n\n\n
- https:\/\/support.questetra.com\/bpmn-icons\/throwing-message-intermediate-event-email\/<\/a><\/li>\n\n\n\n
- It is also effective to add a human step in downstream to add decorative tags such as strong and span.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Special characters in workflow data are escaped as appropriate.\n
- \n
- For example, “<” is automatically converted to “
<<\/code>“.<\/li>\n\n\n\n- Line feed codes in multi-line text are automatically converted to br tags.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Multiple spaces (two or more spaces) in workflow data are replaced with “
<\/code>” every other character.\n- \n
- eg “A B C D” to “
A B C D<\/code>“<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<\/i> Capture<\/h3>\n\n\n\n
![\"Assembles](\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-capture-en.png?resize=1200%2C675&ssl=1\")
<\/a><\/figure>\n\n\n\n![\"Assembles](\"https:\/\/i0.wp.com\/support.questetra.com\/wp-content\/uploads\/2021\/06\/email-html-string-create-simplenotice-2021-config-en.png?resize=899%2C1251&ssl=1\")
<\/figure>\n\n\n\n<\/i> Appendix<\/h3>\n\n\n\n
- \n
- The generated HTML code is not guaranteed to be displayed properly in all mailers.<\/li>\n\n\n\n
- The HTML code is built on the basis of 640px wide table tags.\n
- \n
- Basically, the background color is white and the text color is black.<\/li>\n\n\n\n
- Subjects (titles) in the email body will be displayed in the color specified in MagazineColor.<\/li>\n\n\n\n
- The link button in the email will be displayed in the color specified in MagazineColor.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- MagazineLogo image is displayed in its original size.\n
- \n
- Image with a width greater than 640px will be scaled down.<\/li>\n\n\n\n
- As a guide, the height should be between 20px and 50px.<\/li>\n\n\n\n
- The URL of the MagazineLogo image must be accessible to the recipient.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
<\/i> See also<\/h3>\n\n\n\n
- When a token reaches the automated step, the code for HTML mail is automatically generated.\n
- Email-Html-String-Create-SimpleNotice-2023.xml<\/a>\n
- <\/i><\/span> A2: Set Magazine Color (e.g. “#009900”)#{EL}<\/sup><\/span><\/li>\n
![\"\"\/](\"https:\/\/example.com\/example.png\")
<\/a><\/figure>\n\n\n\n