[LayaAir 2.0]laya2.0版本,富文本HTMLDivElement中<p>标签里使用<br />标签时报错,在<span>里也不行
业务场景:在游戏后台使用富文本编辑器插件来更新游戏的公告,前端会获取这个公告的html并赋值给HTMLDivElement进行展示
在laya1.0没有问题,在laya2.0就有问题:
1.<br />标签不能在<p>或者<span>里使用,但可以在<div>里使用,例子demo看附件
2.还有<p>的宽度展示有异常(用div包裹p就不会用问题),例子https://ask.layabox.com/question/38811
希望官方能帮忙解决一下,加粗的是重点,其他都可以缓缓,非常感谢官方人员~
其他附加问题:
1.富文本的超链接多行的话,下划线显示问题,根据http://ask.layabox.com/question/42754然后自己扩展一下可以暂时解决,但引擎一更新就要重新拷过来
2.label的文字在IDE是上下居中的(button里的label也是同样的问题),在浏览器上就不居中了,2.1.1.1版本也没有效果
3.input旋转90度后,图片是旋转了但输入区域没有旋转,类似的panel、list的滑动区域也不能旋转
4.最新的2.2.0beta3下载后放到项目中报错laya.effect.js中的laya未定义
在laya1.0没有问题,在laya2.0就有问题:
1.<br />标签不能在<p>或者<span>里使用,但可以在<div>里使用,例子demo看附件
2.还有<p>的宽度展示有异常(用div包裹p就不会用问题),例子https://ask.layabox.com/question/38811
希望官方能帮忙解决一下,加粗的是重点,其他都可以缓缓,非常感谢官方人员~
其他附加问题:
1.富文本的超链接多行的话,下划线显示问题,根据http://ask.layabox.com/question/42754然后自己扩展一下可以暂时解决,但引擎一更新就要重新拷过来
2.label的文字在IDE是上下居中的(button里的label也是同样的问题),在浏览器上就不居中了,2.1.1.1版本也没有效果
3.input旋转90度后,图片是旋转了但输入区域没有旋转,类似的panel、list的滑动区域也不能旋转
4.最新的2.2.0beta3下载后放到项目中报错laya.effect.js中的laya未定义
没有找到相关结果
已邀请:
要回复问题请先登录
1 个回复
Aar0n
赞同来自:
* HTML图文类,用于显示html内容
*
* 支持的标签如下:
* a:链接标签,点击后会派发"link"事件 比如:<a href='alink'>a</a>
* div:div容器标签,比如:<div>abc</div>
* span:行内元素标签,比如:<span style='color:#ff0000'>abc</span>
* p:行元素标签,p标签会自动换行,div不会,比如:<p>abc</p>
* img:图片标签,比如:<img src='res/boy.png'></img>
* br:换行标签,比如:<div>abc<br/>def</div>
* style:样式标签,比如:<div style='width:130px;height:50px;color:#ff0000'>abc</div>
* link:外链样式标签,可以加载一个css文件来当style使用,比如:<link type='text/css' href='html/test.css'/>
*
* style支持的属性如下:
* italic:true|false; 是否是斜体
* bold:true|false; 是否是粗体
* letter-spacing:10px; 字间距
* font-family:宋体; 字体
* font-size:20px; 字体大小
* font-weight:bold:none; 字体是否是粗体,功能同bold
* color:#ff0000; 字体颜色
* stroke:2px; 字体描边宽度
* strokeColor:#ff0000; 字体描边颜色
* padding:10px 10px 20px 20px; 边缘的距离
* vertical-align:top|bottom|middle; 垂直对齐方式
* align:left|right|center; 水平对齐方式
* line-height:20px; 行高
* background-color:#ff0000; 背景颜色
* border-color:#ff0000; 边框颜色
* width:100px; 对象宽度
* height:100px; 对象高度
*
* 示例用法:
* var div:HTMLDivElement=new HTMLDivElement();
* div.innerHTML = "<link type='text/css' href='html/test.css'/><a href='alink'>a</a><div style='width:130px;height:50px;color:#ff0000'>div</div><br/><span style='font-weight:bold;color:#ffffff;font-size:30px;stroke:2px;italic:true;'>span</span><span style='letter-spacing:5px'>span2</span><p>p</p><img src='res/boy.png'></img>";
这个是目前支持的,如果有bug可以解决, 需求定制需要扫右下方二维码定制。
如果有bug可以直接把bug demo发过来 我们修改引擎库,也可以等以后开放git 提交, 目前自行修改的引擎不能被引进引擎库。