微信小程序输出标签怎么弄？

　　小程序开发过程中涉及到要输出的内容有很多，关于微信小程序输出标签大家又了解多少呢?小编为大家带来了开发教程以及相应的代码。

　　相信应该有不少微信小程序开发者在微信小程序的开发中需要能在小程序上面输出小于号"<" 、大于号">"以及&，"，©等字符。但是这里除了小于号其他的都可以正常在小程序端输出显示(大于号也能显示)。如果想在小程序里面直接显示小于号“<”，你会发现小程序提示了是编译文件的时候报错：“编译 .wxml 文件错误， 错误信息：./pages/index/index.wxml:6:41: unexpected character `<` ，可在控制台查看更详细信息”，到了这里应该很多做过WEB开发的朋友马上就想到转义字符去了，但是其实这里不是转义字符显示的问题，只是微信小程序的编译问题，在微信小程序里面是通过“<”,">","{{","}}"等等进行编译的。

　　想要实现将后端的含表情的文字转为图片，但是前端始终解析不出来，单独测试图片路径是可以访问的，但是通过json转化之后页面上就完全解析不出来。json的html转义也试过了，还是不行。

　　var url = require("../common/js/config.js").URL,

　　imgimgConfig = require("../common/js/emoj_config.js").EMOJ,

　　request = require("../common/js/request.js");

　　var list = [{

　　microblog_id: "274", //主微博ID

　　sendUserInfo:{

　　content: "zhe shi wo fa d wei bo , wo zi ji lai ce shi xiao xi de hui fu he ping lun ~![闭嘴][憨笑]"

　　}

　　}];

　　for(var i = 0;i

　　var dt = list[i];

　　var str = dt.sendUserInfo.content;

　　var str2 = str.replace(/[([^]]+)]/g, function(item, index){

　　return "

　　"

　　});

　　dt.sendUserInfo.content = str2;

　　}

　　Page({

　　data: {

　　user_info: {

　　user_img: '../images/user_def_img.jpg',

　　msg_imgs:['../images/user_def_img.jpg']

　　},

　　zhan_img:'../images/zhan_img_1.png',

　　pinglun_img:'../images/pinglun_img_1.png',

　　list:list

　　}

　　});

　　//wxml

　　张三

　　21

　　刚刚

　　天通北苑店

　　{{item.sendUserInfo.content}}这句代码

　　解决：

　　这里提供使用hack的方式去实现这个微信小程序的小于号的输出显示问题：

　　我们可以在WXML文件中使用变量例如：

　　{{char_lt}}

　　然后在js中给变量char_lt赋值，放在全局变量中去

　　Page({

　　data: {

　　char_lt:"<"

　　},

　　onLoad: function () {

　　}

　　})

　　这样就可以输出小于号了。

　　说明：

　　这里相信微信小程序商店以后会优化这个问题的了，要么使用什么转义的方式。现在我们可以按照上面的方式去实现，如果以后小程序有什么实现方式就可以进行全局批量替换。

　　以上就是微信小程序输出标签的具体开发方式，参照这个教程，大家就可以进行小程序输出标签的操作了，对小程序开发会有帮助的，更多相关资料请关注微信小程序素材网。

　　微信小程序tab标签开发教程

　　微信小程序换行标签，微信小程序实现转义换行符

　　微信小程序多选标签怎么开发