Merge pull request #772 from ahasnawi/tinymce-valid-elements

Extend valid attribute fir elements in the tinymce

pluginTester/styles/appStyle.css

@@ -4,6 +4,9 @@
 [ios="true"][view="browser"][is-pwa-or-html5-ios="true"] {
 	--full-app-height: 100%;
 }
+[is-pwa-android="true"] {
+	--full-app-height: -webkit-fill-available;
+}
 *{
 	outline:none;
 	-webkit-box-sizing: border-box;

pluginTester/styles/input.css

@@ -328,7 +328,6 @@ html[ios='true'][view='app'][storyboard-launch-images='true'] #inputDialog .inpu
 	background: rgba(0, 0, 0, 0.5);
 	z-index: 99999999;
 }
-
 html[type="pluginTester"] #input-backdrop,
 html[type="pluginTester"] #gif-backdrop {
 	height: 100% !important;

scripts/buildfire.js

@@ -4117,6 +4117,10 @@ var buildfire = {
 										_injectExpressionNode();
 										editor.isNotDirty = false;
 										editor.fire('change');
+									} else if (dynamicExpressionsEnabled && dynamicExpressionsActivated && editor.getContent().search('data-type="dynamic-expression"') === -1) {
+										_injectExpressionNode();
+										editor.isNotDirty = false;
+										editor.fire('change');
 									} else if (dynamicExpressionsEnabled && dynamicExpressionsActivated && editor.getContent().search(/\${[^{}]*}/) === -1) {
 										dynamicExpressionsActivated = false;
 										_restoreCursorPosition(); // This function works with sync functionality
@@ -4329,12 +4333,20 @@ var buildfire = {
 						} else {
 							options.toolbar = defaultToolbar;
 						}
+						let extended_valid_elements = '';
+						// These are the elements that we want to support all of their attributes in tinymce (custom attributes in addition to the non-custom attribute) 
+						const supportedElement = ['a','article','aside','audio','button','code','details','div','textarea','fieldset','form',
+							'h1','h2','h3','h4','h5','h6','input','img','li','ol','ul','option','p','section','select','span','table','tr'];
+						supportedElement.forEach((element, index) => {
+							extended_valid_elements += `${element}[*]`;
+							if (index != supportedElement.length - 1) extended_valid_elements += ',';
+						});
+						options.extended_valid_elements = extended_valid_elements;
 						options.toolbar_mode = 'floating';
 						options.theme = 'silver';
 						options.skin = 'bf-skin';
 						options.contextmenu = 'bf_buttonOrLinkContextMenu bf_imageContextMenu bf_actionItemContextMenu bf_customLayouts bf_defaultmenuItems';
 						options.fontsize_formats= '8px 10px 12px 14px 16px 18px 24px 36px';
-						options.extended_valid_elements= 'a[href|onclick|class],img[src|data-expr-src|expr-src|style|onerror|onload|height|width|onclick|alt],button[style|class|onclick],p[*],div[*],span[*],tr[*]';
 						options.height = options.height || 265;
 						options.custom_elements = 'style';
 						options.convert_urls = false;