百度编辑器动态渲染内容

效果：

 

 

后台采用微擎模板，前端代码

		<div class="form-group">



			<label class="col-xs-12 col-sm-3 col-md-2 control-label">详情模板</label>



			<div class="col-sm-9 col-xs-12">


				<select class="form-control tpl-category-parent valid" id="template_item" name="tid" aria-invalid="false">

					{loop $template_item $li}
					<option value="{$li['id']}" {if $li['id'] == $_GPC['tid']}selected{/if}>{$li['name']}</option>
					{/loop}
				</select>



			</div>



		</div>

		<div class="form-group">



			<label class="col-xs-12 col-sm-3 col-md-2 control-label">详情模板预览</label>



			<div class="col-sm-9 col-xs-12">



				{if !empty($item['temp_description'])}



				{php echo tpl_ueditor('temp_description', $item['temp_description']);}



				{else}



				{php echo tpl_ueditor('temp_description', $item['detail_template']['temp_description']);}



				{/if}
			</div>



		</div>

js 代码 

	$('#template_item').change(function	(){
			var editor = UE.getEditor('temp_description');
			var tid=$(this).val();

			$.ajax({
			    url:"{$_W['siteroot']}/web/wmerchant.php?c=site&a=entry&ctrl=store&ac=goods&op=index&ta=template_desc&do=web&m=we7_wmall&i=1&tid="+tid,
			    //dataType:"json",   //返回格式为json
			    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
			    type:"GET",   //请求方式
			    beforeSend:function(){
			        //请求前的处理
			    },
			    success:function(req){
					console.log(req);
					editor.setContent(req);
					//editor.setContent(req);

					//editor.execCommand('insertHtml', req);
			        //请求成功时处理
			    },
			    complete:function(data){
			        //请求完成的处理
			    },
			    error:function(){
			        //请求出错处理
			    }
			});

			
			//$("#description").text('sdfdsfsdfsd');

	})