CKEditor AI on Your Premises

Hook your LLM and register MCP tools - on-demand webinar

Watch now

Merge Fields editor

Automate and personalize your documents with dynamic placeholders.

Merge Fields labels view is activated by default in this demo. You can toggle between labels and previews via dropdown to see the final look of the document with real data instead of labels, even before finalization or publication.

Loading...
Note
  • Merge Fields can be used in any template you create. You can set up multiple templates with the same set of Merge Fields to generate various types of personalized content. Use the template dropdown icon to view examples of templates with Merge Fields.

  • You can use Import from Word and this docx to import another email content and check how Merge Fields will be populated automatically.

  • You can use Export to Word to see the demo content in a Word document.

Check the source code for this demo.

Trusted and approved by

Can’t see what you’re looking for?

Talk to our Sales Representative to discuss your use case
and learn what more CKEditor can do for you.

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });