最近在優(yōu)化完善雋永東方項目管理平臺,鼓勵客戶提交項目需求表,成為雋永東方官網(wǎng)會員,然后申請加入所對應(yīng)的項目群組,與雋永東方項目工程師實時高效互動,于是問題來了,默認BuddyPress 的 Activity post form 是一個純文本輸入框,不可以上傳圖片和視頻之類的,對于客戶來說互動中難免需要通過上傳圖片的形式進行解釋一些明細的需求之類的,因此這個表單開放多媒體上傳和編輯變得勢在必行,經(jīng)過研究完美實現(xiàn),代碼不敢獨享,分享如下:
首先,我們假設(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>
然后,編輯這個文件:/wp-content/plugins/bp-custom.php 如果不存在這個文件則創(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' );
保存退出后,清空緩存,然后刷新前臺指定頁面就可以看到效果了: