700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > angularjs - 富文本编辑器simditor - 上传 显示带格式文本

angularjs - 富文本编辑器simditor - 上传 显示带格式文本

时间:2021-11-15 23:13:36

相关推荐

angularjs - 富文本编辑器simditor - 上传 显示带格式文本

angularjs版本 1.6.9

simditor下载地址/mycolorway/simditor/releases点击打开链接

加入

<link rel="stylesheet" href="../css/simditor.css" />

<link rel="stylesheet" href="../css/font-awesome.css" />

<script src="../js/simditor-all.js"></script>

<script src="../js/angular-editor.js"></script>

只需一行

<div row=6 simditor ng-model="news.news_text"></div>

显示页面:

<div class="col-sm-10">

<p ng-bind-html = "htmlStr "></p>

</div>

js部分:

<script>

var app = angular.module('showApp', [ 'ngCookies']);

app.controller('detailsCtrl', function($scope, $cookieStore, $window,$sce,

$http) {

$scope.news = {};

$scope.logMesg = "";

$scope.news_id = $cookieStore.get("news_id");

$http.get(

'/fgweb/news/selOneNews.do',{

params : {

"news_id" : $scope.news_id

}

}).then(function(data){

if (data == "") {

$scope.logMesg = "得不到id";

return;

} else {

$scope.news = data.data;

$scope.htmlStr =$sce.trustAsHtml($scope.news.news_text);

console.log($scope.news);

}

}).catch(function(data){

console.log('请求失败了');

});

});

</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。