如何去除文章中的html字符？

zjroland

怎么 在X5的js程序中，replace函数无效？我目的是想要去除文章中的html字符，
在w文件中：bind-text="$model.parseHtml(ref('Description'))"
在js文件中：Model.prototype.parseHtml = function(stringDescription) {
                var newDescription = stringDescription.replace(/<[^>]+>/g,"");//去掉所有的html标记  
                return newDescription;
        };
结果出现错误：TypeError: Unable to process binding "text:function(){return $model.parseHtml(ref('Description'))}" Message:stringDescription.replace is not a function at Model.parseHtml.

半导体

你在哪使用的replace？

zjroland

在js文件中：Model.prototype.parseHtml = function(stringDescription) {
                var newDescription = stringDescription.replace(/<[^>]+>/g,"");//去掉所有的html标记  
                return newDescription;
        };
结果出现错误：TypeError: Unable to process binding "text:function(){return $model.parseHtml(ref('Description'))}" Message:stringDescription.replace is not a function at Model.parseHtml.

zjroland

w文件：
<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
  design="device:m;">  
  <div component="$UI/system/components/justep/model/model" xid="model">
  <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="activityData" idColumn="ActivityID" onCustomRefresh="activityDataCustomRefresh" autoNew="false">
   <column label="id" name="ActivityID" type="String" xid="xid1"></column>
  <column label="标题" name="Title" type="String" xid="xid2"></column>
  <column label="图片" name="Photo" type="String" xid="xid3"></column>
  <column label="摘要" name="Description" type="String" xid="xid4"></column>
</div></div>  
  <div class="panel panel-default x-card x-wangyi" component="$UI/system/components/bootstrap/panel/panel" xid="panel5">
    <div component="$UI/system/components/justep/list/list" class="x-list" data="activityData" limit="5" xid="list1">
      <ul class="x-list-template" xid="listTemplateUl1" bind-click="detailClick">
        <li xid="li1" class="list-group-item x-flex">  
              <div xid="col26" class="media-heading" bind-click="detailClick">

                <div class="media-left" xid="div18">
                  <h5 bind-text="ref('Title')" class="x-flex1 o-nomargintop" style="font-weight:bold"></h5>
                  <span style="text-align: justify;" bind-text="$model.parseHtml(ref('Description'))" class="text-muted" xid="span36"/>
                </div>
                <div class="media-right" xid="div17">
                  <a xid="a2">
                    <img alt="" xid="image3" class="img_new"  bind-attr-src="$model.getServerImage(val('Photo'))" />
                  </a>
                </div>
              </div>  
        
        </li>
      </ul>
    </div>  
  </div>
</div>

zjroland

js文件：
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Baas = justep.Baas;
       
        var Model = function(){
                this.callParent();
        };
       
        // 图片路径转换
        Model.prototype.getImageUrl = function(url) {
                return require.toUrl(url);
        };
        // 去除html标签
        Model.prototype.parseHtml = function(stringDescription) {
                var newDescription = stringDescription.replace(/<[^>]+>/g,"");//去掉所有的html标记  
                 if(newDescription.length > 100) {  
                         newDescription = newDescription.substring(0,100);  
                    }  
                return newDescription;
        };
        Model.prototype.getServerImage = function(url) {
                return "http://www.weichengs.com/ActivityPhotos/"+url;
        };
        // 页面初始化
        Model.prototype.modelLoad = function(event) {
                $("input[xid=keyInput]", this.getRootNode()).val("请输入关键字...");
        };
       
        // 进入内容页
        Model.prototype.detailClick = function(event) {
                justep.Shell.showPage("detail");
        };
       
        // 下滑显示搜索
        var startY;
        Model.prototype.navContent1Touchstart = function(event) {
                startY = event.originalEvent.changedTouches[0].pageY;
        };
        Model.prototype.navContent1Touchmove = function(event) {
                var moveEndY = event.originalEvent.changedTouches[0].pageY;
                var Y = moveEndY - startY;
                if (Y > 0) {
                        $(".x-seach", this.getRootNode()).slideDown();
                }
        };
       
        Model.prototype.activityDataCustomRefresh = function(event){
        var activityData = event.source;
                Baas.sendRequest({
                            "url" : "/MobService.asmx",
                                "action" : "getAllAcitities",
                                "async" : false,
                                "params" : {
                                        CityID : justep.Shell.cityId.get(),
                                        CategoryID : justep.Shell.categoryId.get()
                                },
                                "success" : function(data) {
                                activityData.loadData(data);// 将返回的数据加载到data组件
                        },
                        error : function() {
                                throw justep.Error.create("加载数据失败");
                        }
                });

        };
       
        return Model;
});

半导体

zjroland 发表于 2017-2-27 11:46
js文件：
define(function(require){
        var $ = require("jquery");

这个应该不会的  你的stringDescription是不是一个stringObject？

zjroland

我按照stringObject处理，加tostring()，还是一样的错误。

zjroland

成功了，是没有编译。重新启动 tomcat后成功了。

zjroland

是通过了编译，但是文字显示不出来，只是显示“object object”

半导体

zjroland 发表于 2017-2-27 15:35
是通过了编译，但是文字显示不出来，只是显示“object object”

哪里的文字显示不出来？