Version 1.5.1 added 11 months 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":"196","build":"1308983649"},"helpers":[{"name":"input\/tinymce","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes), false);"},{"name":"input\/tinymce\/large","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes, 'textarea_rows' => 20), false);"},{"name":"input\/tinymce\/short","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes, 'textarea_rows' => 5), false);"},{"name":"input\/tinymce\/with-media","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes, 'media_buttons_context' => 'Upload\/Insert '), true);"},{"name":"input\/tinymce\/with-media\/short","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes, 'media_buttons_context' => 'Upload\/Insert ', 'textarea_rows' => 5), true);"},{"name":"input\/tinymce\/with-media\/large","helper_type":"input","phpcode":"<?php\n\/\/ New TinyMCE API by azaozz\nrequire_once(PODS_DIR . '\/ui\/wp-editor\/wp-editor.php');\nrequire_once(ABSPATH . '\/wp-admin\/includes\/template.php');\n\nif (isset($_POST['action']) && 'load_pod_item' == $_POST['action']) {\n echo '<p><em>This TinyMCE Editor implementation is not compatible with this method. To enable it, make this pod a Top-level Menu pod and install the Pods UI plugin.<\/em><\/p>';\n?>\n <textarea name=\"<?php echo $name; ?>\" class=\"<?php echo $css_classes; ?>\" id=\"<?php echo $css_id; ?>\"><?php echo htmlspecialchars($value); ?><\/textarea>\n<?php\n return;\n}\nif (!isset($coltype_exists['tinymce']) || empty($coltype_exists['tinymce'])) {\n $coltype_exists['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('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\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 jQuery('.desc_tinymce').each(function() {\n var ed = tinyMCE.get(jQuery(this).attr('id'));\n jQuery(this).val(ed.getContent());\n });\n }\n return podsSaveForm(form_id);\n }\n }\n });\n}\n<\/script>\n<?php\n if (is_admin())\n echo '<style type=\"text\/css\" scoped=\"scoped\"> @import url(\"' . PODS_URL . '\/ui\/wp-editor\/editor-buttons.css\"); ' . \"<\/style>\\n\";\n}\n$css_classes = str_replace(array(' desc ', ' code '), array(' desc_tinymce ', ' desc_tinymce '), $css_classes) . ' wp-editor-area';\n\nglobal $wp_editor;\necho $wp_editor->editor($value, $css_id, array('editor_class' => $css_classes, 'media_buttons_context' => 'Upload\/Insert ', 'textarea_rows' => 20), true);"}]}

Fixes for when the TinyMCE value isn't saved

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).