需求:
富文框添加了某带样式的文本,希望该文本带样式的展示出来; 如果是直接输出的话 则会当成普通的字符串来展示
解决:
step1. 获取文本
step2. append追加到父级中
<div class="form-group" style="display: block" id="protocol"> <label class="col-sm-2 control-label">授权协议</label> <div class="col-sm-4"> <label class="radio-inline"> <input type="radio" name="protocol_default" value="1" <?= $account_info['protocol_default'] == 1 ? 'checked' : ''; ?> > 默认协议 </label> <label class="radio-inline"> <input type="radio" name="protocol_default" value="2" <?= $account_info['protocol_default'] != 1 ? 'checked' : ''; ?>> 自定义协议 </label> </div> </div> <?php $show = ($account_info['protocol_default'] == 1) ? 'none' : 'block' ; ?> <div class="form-group" id="protocol_content_show" style="width:80%; margin: auto; display: <?= $show; ?>"> <div id="editor"> </div> <textarea id="protocol_content" name="protocol_content" style="width:100%; height:200px; display: none"></textarea> // 添加文本 </div>
// 将protocol_content字符串转成html var protocol_data = $('#form_set_id').attr('protocol_data'); $('#editor').append($(protocol_data));