最近在優(yōu)化完善雋永東方項(xiàng)目管理平臺(tái),鼓勵(lì)客戶提交項(xiàng)目需求表,成為雋永東方官網(wǎng)會(huì)員,然后申請(qǐng)加入所對(duì)應(yīng)的項(xiàng)目群組,與雋永東方項(xiàng)目工程師實(shí)時(shí)高效互動(dòng),于是問題來(lái)了,默認(rèn)BuddyPress 的 Activity post form 是一個(gè)純文本輸入框,不可以上傳圖片和視頻之類的,對(duì)于客戶來(lái)說互動(dòng)中難免需要通過上傳圖片的形式進(jìn)行解釋一些明細(xì)的需求之類的,因此這個(gè)表單開放多媒體上傳和編輯變得勢(shì)在必行,經(jīng)過研究完美實(shí)現(xiàn),代碼不敢獨(dú)享,分享如下:
首先,我們假設(shè)你使用了BuddyPress的子模板,查找如下目錄里邊的post-form.php文件:
/child-theme/buddypress/activity/post-form.php
打開此文件,找到如下代碼:
<div id="whats-new-textarea"> <textarea name="whats-new" id="whats-new" cols="50" rows="10"><?php if ( isset( $_GET['r'] ) ) : ?>@<?php echo esc_textarea( $_GET['r'] ); ?> <?php endif; ?></textarea> </div>
替換為:
<div id="whats-new-textarea"> <?php do_action( 'whats_new_textarea' ); ?> </div>
然后,編輯這個(gè)文件:/wp-content/plugins/bp-custom.php 如果不存在這個(gè)文件則創(chuàng)建他,打開此文件輸入以下代碼:
function bpfr_whats_new_tiny_editor() { // deactivation of the visual tab, so user can't play with template styles add_filter ( 'user_can_richedit' , create_function ( '$a' , 'return false;' ) , 50 ); // building the what's new textarea if ( isset( $_GET['r'] ) ) : $content = esc_textarea( $_GET['r'] ); endif; // adding tinymce tools $editor_id = 'whats-new'; $settings = array( 'textarea_name' => 'whats-new', 'teeny' => true, 'media_buttons' => true, 'drag_drop_upload' => true, 'quicktags' => array( 'buttons' => 'strong,em,link,block,del,ins,img,ul,ol,li,code,close')); // get the editor wp_editor( $content, $editor_id, $settings ); } add_action( 'whats_new_textarea', 'bpfr_whats_new_tiny_editor' );
保存退出后,清空緩存,然后刷新前臺(tái)指定頁(yè)面就可以看到效果了: