Version 1.0.1 added 1 year ago by sc0ttkclark

HOW TO INSTALL: To install this package, copy the following code and paste it into your Pods >> Package Manager under the Import tab and follow instructions there.

{"meta":{"version":"190","build":"1281417589"},"helpers":[{"name":"input_tinymce","helper_type":"input","phpcode":"<?php\nglobal $pods_tinymce;\nif(true!==$pods_tinymce)\n{\n $pods_tinymce = true;\n?>\n<script type=\"text\/javascript\">\nif (typeof(podsSaveForm) == \"undefined\" || typeof(podsEditItem) == \"undefined\") {\n jQuery(document).ready(function() {\n if (typeof(editItem) == \"function\" && typeof(podsEditItem) != \"function\") {\n var podsEditItem = editItem;\n editItem = function(datatype, pod_id) {\n if(typeof(tinyMCE) == 'object') {\n jQuery('.theEditor').each(function() {\n switchEditors.go(jQuery(this).attr('id'),'tinymce',false);\n });\n jQuery('.theEditor').each(function() {\n tinyMCE.execCommand('mceFocus', false, jQuery(this).attr('id'));\n tinyMCE.execCommand('mceRemoveControl', false, jQuery(this).attr('id'));\n });\n tinyMCE.triggerSave();\n }\n return podsEditItem(datatype, pod_id);\n }\n }\n if (typeof(saveForm) == \"function\" && typeof(podsSaveForm) != \"function\") {\n var podsSaveForm = saveForm;\n saveForm = function(form_id) {\n if(typeof(tinyMCE) == 'object') {\n tinyMCE.triggerSave();\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n do_action('edit_form_advanced');\n}\npods_tinymce($value,$css_id,str_replace(' desc ',' tinymce_desc ',$css_classes));"},{"name":"input_tinymce_large","helper_type":"input","phpcode":"<?php\nglobal $pods_tinymce;\nif(true!==$pods_tinymce)\n{\n $pods_tinymce = true;\n?>\n<script type=\"text\/javascript\">\nif (typeof(podsSaveForm) == \"undefined\" || typeof(podsEditItem) == \"undefined\") {\n jQuery(document).ready(function() {\n if (typeof(editItem) == \"function\" && typeof(podsEditItem) != \"function\") {\n var podsEditItem = editItem;\n editItem = function(datatype, pod_id) {\n if(typeof(tinyMCE) == 'object') {\n jQuery('.theEditor').each(function() {\n switchEditors.go(jQuery(this).attr('id'),'tinymce',false);\n });\n jQuery('.theEditor').each(function() {\n tinyMCE.execCommand('mceFocus', false, jQuery(this).attr('id'));\n tinyMCE.execCommand('mceRemoveControl', false, jQuery(this).attr('id'));\n });\n tinyMCE.triggerSave();\n }\n return podsEditItem(datatype, pod_id);\n }\n }\n if (typeof(saveForm) == \"function\" && typeof(podsSaveForm) != \"function\") {\n var podsSaveForm = saveForm;\n saveForm = function(form_id) {\n if(typeof(tinyMCE) == 'object') {\n tinyMCE.triggerSave();\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n do_action('edit_form_advanced');\n}\npods_tinymce($value,$css_id,str_replace(' desc ',' tinymce_desc ',$css_classes),true,20);"},{"name":"input_tinymce_no_media","helper_type":"input","phpcode":"<?php\nglobal $pods_tinymce;\nif(true!==$pods_tinymce)\n{\n $pods_tinymce = true;\n?>\n<script type=\"text\/javascript\">\nif (typeof(podsSaveForm) == \"undefined\" || typeof(podsEditItem) == \"undefined\") {\n jQuery(document).ready(function() {\n if (typeof(editItem) == \"function\" && typeof(podsEditItem) != \"function\") {\n var podsEditItem = editItem;\n editItem = function(datatype, pod_id) {\n if(typeof(tinyMCE) == 'object') {\n jQuery('.theEditor').each(function() {\n switchEditors.go(jQuery(this).attr('id'),'tinymce',false);\n });\n jQuery('.theEditor').each(function() {\n tinyMCE.execCommand('mceFocus', false, jQuery(this).attr('id'));\n tinyMCE.execCommand('mceRemoveControl', false, jQuery(this).attr('id'));\n });\n tinyMCE.triggerSave();\n }\n return podsEditItem(datatype, pod_id);\n }\n }\n if (typeof(saveForm) == \"function\" && typeof(podsSaveForm) != \"function\") {\n var podsSaveForm = saveForm;\n saveForm = function(form_id) {\n if(typeof(tinyMCE) == 'object') {\n tinyMCE.triggerSave();\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n do_action('edit_form_advanced');\n}\npods_tinymce($value,$css_id,str_replace(' desc ',' tinymce_desc ',$css_classes),false);"},{"name":"input_tinymce_large_no_media","helper_type":"input","phpcode":"<?php\nglobal $pods_tinymce;\nif(true!==$pods_tinymce)\n{\n $pods_tinymce = true;\n?>\n<script type=\"text\/javascript\">\nif (typeof(podsSaveForm) == \"undefined\" || typeof(podsEditItem) == \"undefined\") {\n jQuery(document).ready(function() {\n if (typeof(editItem) == \"function\" && typeof(podsEditItem) != \"function\") {\n var podsEditItem = editItem;\n editItem = function(datatype, pod_id) {\n if(typeof(tinyMCE) == 'object') {\n jQuery('.theEditor').each(function() {\n switchEditors.go(jQuery(this).attr('id'),'tinymce',false);\n });\n jQuery('.theEditor').each(function() {\n tinyMCE.execCommand('mceFocus', false, jQuery(this).attr('id'));\n tinyMCE.execCommand('mceRemoveControl', false, jQuery(this).attr('id'));\n });\n tinyMCE.triggerSave();\n }\n return podsEditItem(datatype, pod_id);\n }\n }\n if (typeof(saveForm) == \"function\" && typeof(podsSaveForm) != \"function\") {\n var podsSaveForm = saveForm;\n saveForm = function(form_id) {\n if(typeof(tinyMCE) == 'object') {\n tinyMCE.triggerSave();\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n do_action('edit_form_advanced');\n}\npods_tinymce($value,$css_id,str_replace(' desc ',' tinymce_desc ',$css_classes),false,20);"}]}

Bug fixes and now it works for AJAX / Non-AJAX forms!

Haven't tested in the frontend of a website yet though..

Be sure to install the plugin that's attached below!

Just install this package, and then set your "Paragraph text" (desc) or "Code" (code) columns to use the "input/tinymce" helper under the Input Helper select. There are additional variations included available for easy setup.

This editor also works using publicForm on the frontend!

This package REQUIRES the Pods 1.9.6, Pods UI, and a top-level menu Pod (or publicForm usage).