আমি কীভাবে সামনের অংশে একটি টিনিএমসিই সম্পাদক সম্পাদনা করব?


22

আমি আমার ফ্রন্টএন্ডে একটি টিনিএমসিই সম্পাদক সম্পাদনা করার চেষ্টা করছি যেখান থেকে ব্যবহারকারীরা পোস্ট করতে পারে তবে এখনও ভাগ্য হয়নি। কোডটি এখানে:

পিএইচপি:

add_action('wp_print_scripts', 'my_enqueue_scripts');

function my_enqueue_scripts() {      
        wp_enqueue_script( 'tiny_mce' );
        if (function_exists('wp_tiny_mce')) wp_tiny_mce();
}

javascript:

jQuery(document).ready(function(){
tinyMCE.init({
        mode : "textareas",
        theme : "simple", 
        /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/
        editor_selector :"editor"
    });
});

এইচটিএমএল:

<textarea rows="8" cols="40" name="description" id="editor" class="required"><?php echo $description;?></textarea>

সমস্যা: টেক্সটরিটারে টেক্সটরিয়ায় যোগ হচ্ছে না। যদিও TinyMCE js ফাইলটি লোড হচ্ছে।


উত্তর:


17

ওয়েল, ধন্যবাদ 3.3 ডাব্লুপি এখন আমাদের এটি করতে wp_editor()ফাংশন আছে :)


1
হ্যাঁ, এটি সম্পাদকে সরাসরি আউটপুট না দিলে শর্টকোডে আপনাকে এটি ব্যবহার করার অনুমতি দেওয়ার বিপরীতে ...
cale_b

4
আপনি পিএইচপি ob_ কনটেন্ট ফাংশন ব্যবহার করে এটি একটি শর্টকেডে ব্যবহার করতে পারেন। এই ফাংশনগুলি আপনাকে ভেরিয়েবলের আউটপুট ক্যাপচার করতে দেয়। লাইক তাই: ob_start (); (স্থির :: getTemplatePath ()। '/'। $ টেমপ্লেটপথ। '। php') অন্তর্ভুক্ত করুন; $ টেমপ্লেট = ob_get_contents (); ob_end_clean (); রিটার্ন $ টেমপ্লেট;
তোশ

2

editor_selector আইডিএস নয়, ক্লাস লক্ষ্যবস্তু করার জন্য।

এছাড়াও, ব্যবহার করার সময় এটির কাজ করার জন্য এটির ক্রম editor_selectorনির্ধারণ করা প্রয়োজন mode: "specific_textareas"

Http://tinymce.moxiecode.com/wiki.php/Configration:editor_selector দেখুন

সুতরাং আপনার জাভাস্ক্রিপ্ট এবং এইচটিএমএল দেখতে এইরকম হওয়া উচিত:

jQuery(document).ready(function(){
tinyMCE.init({
        mode : "specific_textareas",
        theme : "simple", 
        /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/
        editor_selector :"tinymce-enabled"
    });
});

<textarea rows="8" cols="40" name="description" id="editor" class="tinymce-enabled required"><?php echo $description;?></textarea>

0

যথেষ্ট @ এমরিআইডিএড উত্তরটি সঠিক হতে পারে, আমি আপনাকে অন্য একটি টিপ দেব, প্রথমে নিশ্চিত করুন যে আপনার পৃষ্ঠায় কেবলমাত্র একটি আইডি = "সম্পাদক" রয়েছে তারপরে টিনেমস সেটআপ করুন:

tinyMCE.init({
    ...
    mode : "exact",
    elements : "editor"
});

আপনার জাভাস্ক্রিপ্ট কোডে j এর পরিবর্তে jQuery ব্যবহার করুন এটি নিশ্চিত করতে যে আপনি jQuery পদ্ধতি এবং নির্বাচকদের কল করছেন।


0

সম্পাদক_-নির্বাচনকারী ক্লাসের জন্য এবং আইডির জন্য নয়।

আপনার পাঠ্যক্রমের শ্রেণীর নাম হিসাবে সম্পাদক_-নির্বাচকের মান ব্যবহার করা উচিত।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.