Weex textarea标签自动换行扩展iOS

作者: fordG | 来源:发表于2017-10-27 10:32 被阅读0次

Weex textarea标签自动换行扩展iOS
textarea自动生成空格怎么解决？
Canvas模拟TextArea换行效果
HTML
iOS搜索热门标签流布局—自动换行
textarea标签的换行
标签内换行</a></li><li><a href="#r8">html</a></li><li><a href="#r9">iOS 多行标签自动换行</a></li><li><a href="#r10">ios上 textarea设置最小高度当内容多了之后texta</a></li></ol></div> <p>weex <textare>标签扩展</p> <p>实现WEEX <textarea>标签输入框自适应高度</p> <p>首先贴上我的weex代码：</p> <img src="https://img.haomeiwen.com/i4557210/fea8981d4513518c.png"> weex-tmplate <img src="https://img.haomeiwen.com/i4557210/1bda08e20c2a0894.png"> style <img src="https://img.haomeiwen.com/i4557210/27accba0a3814672.png"> methods-inout <p>通过weex标签增加属性autoHeight，来判断是否需要自适应高度，然后在iOS component里面取扩展WXEditComponent，</p> <p>增加属性@property (nonatomic, assign)BOOL autoHeight;</p> <p>初始化方法里面增加</p> <p>_autoHeight = NO;</p> <p>if (styles[@"autoHeight"]) {</p> <p>_autoHeight = [WXConvert BOOL:styles[@"autoHeight"]];</p> <p>}</p> <p>textView代理方法修改</p> <p>- (void)textViewDidChange:(UITextView *)textView</p> <p>{</p> <p>if(textView.text && [textView.text length] > 0) {</p> <p>self.placeHolderLabel.text = @"";</p> <p>}else{</p> <p>[self setPlaceholderAttributedString];</p> <p>}</p> <p>if (_inputEvent) { <strike>此处利用weex自带的输入时间进行传值</strike></p> <p>if (_autoHeight) {</p> <p>//默认高度weex 65 ~ 200 </p> <p>CGFloat height = textView.contentSize.height;</p> <p>[self fireEvent:@"input" params:@{@"value":[textView text], @"height" : [NSNumber numberWithFloat: height]} domChanges:@{@"attrs":@{@"value":[textView text]}}];<strike>多加了一个参数height,在weex <textarea>标签中绑定的input方法可取值</strike></p> <p>if (!(textView.contentSize.height > (200 * ScreenWidth/750.0))) { <strike>转换成weex页面的高度计算</strike></p> <p>[textView scrollRangeToVisible:NSMakeRange(0, 0)]; <strike>此方法是换行时出现UITextContainView上下跳动的bug</strike></p> <p>}</p> <p>}else{</p> <p>[self fireEvent:@"input" params:@{@"value":[textView text]} domChanges:@{@"attrs":@{@"value":[textView text]}}];</p> <p>}</p> <p>}</p> <p>}</p> <p>站位文字更新问题，当textarea标签位置发生该表时，weex回去更新这些信息，其中就有重置站位文字，修改如下在- (void)updateStyles:(NSDictionary *)styles和- (void)updateAttributes:(NSDictionary *)attributes中进行判断</p> <p>if (!_autoHeight) {</p> <p>[self setPlaceholderAttributedString];</p> <p>}</p> <p>OVER! 有问题可以@我！</p></div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/rslzdttx.html"><img src="https://img.haomeiwen.com/is4557210/27accba0a3814672.png" width="80"></a><h3><a href="/subject/lnhrpxtx.html">Weex textarea标签自动换行扩展iOS</a></h3><p>weex <textare>标签扩展实现WEEX 标签输入框自适应高度首先贴上我的weex代码：通过we...</p></li><li id="r2"><a href="/user/esbecxtx.html"><img src="https://img.haomeiwen.com/ud/13-394c31a9cb492fcb39c27422ca7d2815.jpg" width="80"></a><h3><a href="/subject/euahqctx.html">textarea自动生成空格怎么解决？</a></h3><p>textarea自动生成空格是因为 textarea 标签之间有换行或空格导致的。 textarea元素中...</p></li><li id="r3"><a href="/user/mrztqttx.html"><img src="https://img.haomeiwen.com/is1388052/fa33920536d2b4fc.png" width="80"></a><h3><a href="/subject/uswykxtx.html">Canvas模拟TextArea换行效果</a></h3><p>最近项目种需求，使用Canvas模拟TextArea自动换行的效果，TextArea自动换行，考虑了中英文、考虑了...</p></li><li id="r4"><a href="/user/xvligttx.html"><img src="https://img.haomeiwen.com/ud/8-a356878e44b45ab268a3b0bbaaadeeb7.jpg" width="80"></a><h3><a href="/subject/hjdwdqtx.html">HTML</a></h3><p>HTML Textarea 自动换行实现 textarea 添加 cols 和 wrap 属性，其中 wrap 设...</p></li><li id="r5"><a href="/user/vzurqttx.html"><img src="https://img.haomeiwen.com/is1521667/c43d7d4863becd5a.jpeg" width="80"></a><h3><a href="/subject/zxjnrftx.html">iOS搜索热门标签流布局—自动换行</a></h3><p>iOS搜索热门标签流布局—自动换行效果图如下：</p></li><li id="r6"><a href="/user/ghgrcxtx.html"><img src="https://img.haomeiwen.com/us13864235/c274d201-84ef-49bc-8875-056d3296ba19.jpg" width="80"></a><h3><a href="/subject/cdzxnhtx.html">textarea标签的换行</a></h3><p>在textarea标签中经常会遇到换行操作，我们该如何获取textarea中的换行保存在数据库中，查看时展示到页面...</p></li><li id="r7"><a href="/user/dxpkkttx.html"><img src="https://img.haomeiwen.com/us2857487/643cb249ce5b.jpg" width="80"></a><h3><a href="/subject/vewujqtx.html"><TextArea>标签内换行</a></h3><p>利用HTML中的换行符</p></li><li id="r8"><a href="/user/lwancxtx.html"><img src="https://img.haomeiwen.com/us14112703/373eb40c-47be-4fba-abfb-87ec1c1f4480" width="80"></a><h3><a href="/subject/nyrcohtx.html">html</a></h3><p>：p标签的文本会在一个段落中自动换行。div标签内的文本也会在一个段落中自动换行。：换行标签，使自动换行。文本格...</p></li><li id="r9"><h3><a href="/subject/vtvvmttx.html">iOS 多行标签自动换行</a></h3><p>实现原理, 每一行用一个containerLineView来作为容器，如果换行，就从新生成一个containerL...</p></li><li id="r10"><a href="/user/cmhdkxtx.html"><img src="https://img.haomeiwen.com/us14785216/204c9da4-77ac-41b6-9939-98bd6d5b87f5" width="80"></a><h3><a href="/subject/pmwffctx.html">ios上 textarea设置最小高度当内容多了之后texta</a></h3><p>问题：ios上 textarea设置最小高度当内容多了之后textarea会自动撑高 html css js 解...</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">Weex textarea标签自动换行扩展iOS</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/lnhrpxtx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/rghrpxtx.html">七绝·遥寄外祖寿诞</a></li><li><a class="meiwen" href="/subject/lghrpxtx.html">我不想再对你一路狂追，提心吊胆了</a></li><li><a class="meiwen" href="/subject/kghrpxtx.html">《包法利夫人》| 一本端正女性爱情观的必读经典</a></li><li><a class="meiwen" href="/subject/fghrpxtx.html">“纵我执笔三千字，书写情书，一生汝已不在此情何待”</a></li><li><a class="meiwen" href="/subject/nwhrpxtx.html">湖州南浔：羊肉飘香引来八方客</a></li><li><a class="meiwen" href="/subject/iwhrpxtx.html">《暾升小说集》目录</a></li><li><a class="meiwen" href="/subject/bwhrpxtx.html">天籁剧场舞乐俱乐部</a></li><li><a class="meiwen" href="/subject/vwhrpxtx.html">1710-16丨游记一脚踏三省，还有好吃的:你们看枫叶不再只有</a></li><li><a class="meiwen" href="/subject/lwhrpxtx.html">原来京东的对手不是淘宝，是链家！</a></li><li><a class="meiwen" href="/subject/hwhrpxtx.html">秋日访无名烈士墓</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/lnhrpxtx.html">Weex textarea标签自动换行扩展iOS</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>