精华内容
下载资源
问答
  • 从html富文本中提取纯文本
    2021-06-09 17:15:24

    其实从html富文本中提取纯文本很简单,富文本基本上是使用html标签给文本加上丰富多彩的样式。

    所以只需要将富文本字符串中的“<.....>”标签剔除,即可得到纯文本。我们可以使用正则表达式,来匹配所有的html标签,并替换成空字符,如下:

    //html剔除富文本标签,留下纯文本

    function getSimpleText(html){

    var re1 = new RegExp("<.>","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容

    var msg = html.replace(re1,'');//执行替换成空字符

    return msg;

    }

    下面是给xheditor富文本框onblur事件,设置一个事件响应方法,事件触发,从富文本中提取纯文本,并搬移到另一个文本框。

    editor2 = $("#content0") .xheditor( { tools : 'Blocktag,Fontface,FontSize,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,Removeformat,Align,List,Outdent,Indent,Link,Unlink,Img,Hr,Table,Emot', html5Upload : false, upMultiple : '99', upImgUrl : '../notice/contentImg.action', upImgExt : 'jpg,png', upLinkUrl : '../notice/contentImg.action', upLinkExt : 'jpg,png', width : '660', height : '331', disableContextmenu : true, beforeGetSource : converter, blur : function(){//从公告内容html中提取纯文本,同步到短信内容testarea var a = getSimpleText(editor2.getSource()) $("#messagecontent0").val(a); } });

    更多相关内容
  • 富文本编辑器 富文本编辑器,是一种可内嵌于浏览器,所见即所得的文本编辑器。 富文本编辑器不同于文本编辑器(以使用 textarea、input 标签为主),也可以叫做图文编辑器。在富文本编辑器里可以编辑类型丰富的内容...

    本文将从下面两张 Gif 图片展开讲述。

    news-detail

    goods-detail

    相信大家很熟悉图片中的场景,分别是图片详情页面和商品详情页面,页面中的核心区域,即新闻详情、产品介绍,都拥有大量图片和文字,且排版复杂。我们设想一下,它们的后台输入页面是怎样的?数据库表又该如何设计呢?

    如果采用平时的数据提交方式,即在 form 表单中使用 input、textarea 诸如此类的标签,页面设计过程将非常复杂,接下来的数据库建表也会十分繁琐。这时你要是知道富文本编辑器,相信一切都会变得十分简单。内容编辑如同在 Word 中一般,数据库建表也省事了很多,只需在对应的表中设置一个内容字段就可以了。

    以后遇到复杂的图文混合页面,抑或需要展示大量内容时,我们都可以借助富文本编辑器来实现对应的编辑后台。接下来,我们就对富文本编辑器做个简单介绍,并教大家如何将它整合到实际项目中,实现复杂排版内容的录入和读取功能。

    富文本编辑器

    富文本编辑器,是一种可内嵌于浏览器,所见即所得的文本编辑器。

    富文本编辑器不同于文本编辑器(以使用 textarea、input 标签为主),也可以叫做图文编辑器。在富文本编辑器里可以编辑类型丰富的内容,如文字、图片、表情、代码……应有尽有,满足你的大部分需求。

    一些新闻类内容,基本以图文排版为主࿰

    展开全文
  • <template> <div class="home" :style="{ height: height }"> <div class="rightCon" :style="{ height: height }"> <img style="display: none" class="welcome" src="./welcome.png" />...

    <template>
      <div class="home" :style="{ height: height }">
        <div class="rightCon" :style="{ height: height }">
          <img style="display: none" class="welcome" src="./welcome.png" />
          <div class="sendmegCon">
            <span v-if="fuWenShow">
              <Button
                size="small"
                onclick="javascript:document.execCommand('bold')"
              >
                加粗
              </Button>
              <Button
                size="small"
                o
    展开全文
  • 富文本显示

    2019-09-29 09:44:36
     String str="字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot";  // 创建一个 SpannableString对象  SpannableString msp = new ...

    Xml文件中是3个textView
    代码实现
    public class MainActivity extends Activity {
      @Override
      public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView mTextView1 = (TextView) findViewById(R.id.test1);
        TextView mTextView2= (TextView) findViewById(R.id.test2);
        TextView mTextView3 = (TextView) findViewById(R.id.test3);

        /**
        * 方法一 :
        * 通过SpannableString 设置
        * 介绍: SpannableString 与String差不多,但是可以通过setSpan()方法设置各种格式或者样式
        */
        String str="字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot";
        // 创建一个 SpannableString对象
        SpannableString msp = new SpannableString(str);
        /**对字符设置样式: setSpan()有4个参数
        * what:object :设置样式的类型
        * start: 设置字符序列的起始点
        * end: 实战字符序列的结束点
        * flags :设置是否包含端点
        * Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点 (a,b)
        * Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start,但包含end所在的端点 (a,b]
        * Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含端start,但不包含end所在的端点 [a,b)
        * Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含两端start和end所在的端点 [a,b]
        */
        // 设置字体(default,default-bold,monospace,serif,sans-serif)
        msp.setSpan(new TypefaceSpan("monospace"), 0, 2,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        msp.setSpan(new TypefaceSpan("serif"), 2, 4,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体大小(绝对值,单位:像素)
        msp.setSpan(new AbsoluteSizeSpan(20), 4, 6,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 第二个参数boolean dip,如果为true,表示前面的字体大小单位为dip,否则为像素,同上。
        msp.setSpan(new AbsoluteSizeSpan(20, true), 6, 8,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体大小(相对值,单位:像素) 参数表示为默认字体大小的多少倍
        // 0.5f表示默认字体大小的一半
        msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 2.0f表示默认字体大小的两倍
        msp.setSpan(new RelativeSizeSpan(2.0f), 10, 12,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体前景色为洋红色
        msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体背景色为青色
        msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体样式正常
        msp.setSpan(new StyleSpan(Typeface.NORMAL), 18, 20,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体样式粗体
        msp.setSpan(new StyleSpan(Typeface.BOLD), 20, 22,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体样式斜体
        msp.setSpan(new StyleSpan(Typeface.ITALIC), 22, 24,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体样式粗斜体
        msp.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 24,27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置下划线
        msp.setSpan(new UnderlineSpan(), 27, 30,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置删除线
        msp.setSpan(new StrikethroughSpan(), 30, 33,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置上下标
        msp.setSpan(new SubscriptSpan(), 34, 35,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        msp.setSpan(new SuperscriptSpan(), 36, 37,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 超级链接(需要添加setMovementMethod方法附加响应)
        // 电话
        msp.setSpan(new URLSpan("tel:4155551212"), 37, 39,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 邮件
        msp.setSpan(new URLSpan("mailto:webmaster@google.com"), 39, 41,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 网络
        msp.setSpan(new URLSpan("http://www.baidu.com"), 41, 43,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 短信 使用sms:或者smsto:
        msp.setSpan(new URLSpan("sms:4155551212"), 43, 45,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 彩信 使用mms:或者mmsto:
        msp.setSpan(new URLSpan("mms:4155551212"), 45, 47,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 地图
        msp.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体大小(相对值,单位:像素) 参数表示为默认字体宽度的多少倍
        // 2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变
        msp.setSpan(new ScaleXSpan(2.0f), 49, 51,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置字体(依次包括字体名称,字体大小,字体样式,字体颜色,链接颜色)
        ColorStateList csllink = null;
        ColorStateList csl = null;
        msp.setSpan(new TextAppearanceSpan("monospace",
          android.graphics.Typeface.BOLD_ITALIC, 30, csl, csllink), 51,
          53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置项目符号
        // 第一个参数表示项目符号占用的宽度,第二个参数为项目符号的颜色
        msp.setSpan(new BulletSpan(
          android.text.style.BulletSpan.STANDARD_GAP_WIDTH, Color.GREEN),
          0, msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 设置图片 获取图片资源
        Drawable drawable = getResources().getDrawable(R.drawable.smiley);
        //设置图片边界,即图片大小
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());
        /**ImageSpan:图片样式
        * ALIGN_BASELINE:与基线对齐
        * ALIGN_BOTTOM:与EditText的底部对齐
        */
        ImageSpan imageSpan=new ImageSpan(drawable,ImageSpan.ALIGN_BOTTOM);
        msp.setSpan(imageSpan, 53, 57,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        mTextView1.setText(msp);
        //假如TextView或者EditText要支持点击链接,则 要设置该方法
        mTextView1.setMovementMethod(LinkMovementMethod.getInstance());

    //方法2. 通过html标签 来设置 颜色 ,链接等
      String source1= "<font color='#ff0000'>谷歌</font>,<font color='#00ff00'>苹果</font>,微软, 华为,<a href=\"http://www.baidu.com\">百度</a>等<font color='0000ff'>32家大公司</font>觉得很赞...";
      Spanned spanned1 = Html.fromHtml(source1);
      mTextView2.setMovementMethod(LinkMovementMethod.getInstance());
      mTextView2.setText(spanned1);
    // 方法3.
      String source2= r("中国") + ","+g("美国")+",英国, 德国,"+getlink("日本", "http://www.qq.com")+"等"+r("32个国家")+"觉得很赞...";
      /**该接口继承了CharSequence接口
      * 用来标记要添加到区域中的对象
      * Spanned:格式化或者样式化
      */
      Spanned spanned2 = Html.fromHtml(source2);
      //假如TextView或者EditText要支持点击链接,则 要设置该方法
      mTextView3.setMovementMethod(LinkMovementMethod.getInstance());
      mTextView3.setText(spanned2);
      }
      //取颜色
      public static String r(String source){
        //对字符串设置格式 ,%s:占位符
        return String.format("<font color='#FF0000'>%s</font>", source);
      }
      //取颜色
      public static String g(String source){
        return String.format("<font color='#00FF00'>%s</font>", source);
      }
      //取链接
      public static String getlink(String linkText,String linkTarget){
        return String.format("<a href=\"%s\">%s</a>", linkTarget,linkText);

      }

    转载于:https://www.cnblogs.com/konekou/p/7699251.html

    展开全文
  • 富文本可以使TextView样式变得丰富起来。不多解释,下面介绍如何使用: 1、创建富文本对象 SpannableString sp = new SpannableString("这里是要编辑样式的内容"); 2、基本样式使用API 设置字体大小(绝对值): ...
  • 开发富文本编辑器的一些经验教训

    千次阅读 2018-11-30 10:51:44
    最近我们的产品有一个需求是要在PC端做一个面向用户的书评编辑器,让用户和编辑在蜗牛读书上能方便快捷的编辑和产出一些优质的文章,它的主要难点就是富文本编辑器部分。这虽然是个业务需求,但是做业务的同时也要...
  • 媒体消息,又名媒体短信,顾名思义就是支持媒体内容的短信。与传统短信文本消息)相比,媒体消息不仅支持文本,还支持图片(包括jpg、png、gif等格式图片)、音频、视频。
  • TextView) { val text = "Html,测试下划线、斜体字、红色字的格式" tvTest.text = Html.fromHtml(text) } SpannableString Spanned.SPAN_EXCLUSIVE_EXCLUSIVE等的作用: 用来标识在 Span 范围内的文本前后输入新的...
  • 超级短信即在普通文本短信的基础上可发送语音、图片等多媒体信息的新型短信概念,是传统短信的一种升级和变革。它集成多种移动通讯标准协议,通过短信向用户发送视频、图片、文本等内容;用户无需安装任何插件或更新...
  • 网上找了一下,实现的方式是android端加载富文本,如果你会js的话,那就方便了,表示本人不怎么会,而且项目框架和界面已经确定了,不可能再改,所以只能试一试其他的方式。 第一种方式,如果文字是固定不变的,...
  • 安卓SpannableString之富文本显示效果

    千次阅读 2019-07-11 17:31:20
    new SpannableString("字体测试1字体测试2字体测试3文本像素文本DP文本一半文本两倍前景色背景色正常粗体斜体粗斜体下划线删除线文本上标文本下标文本 (图片)表情电话-邮件-网址-短信-彩信-地图"); //设置字体 我是...
  • 1.什么是富文本编辑器富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。富文本编辑器相比普通文本带有丰富的格式设置,使得文本的可读性更强。富文本编辑器不同于文本编辑...
  • Gradlerepositories{jcenter()}dependencies{compile'jp.wasabeef:richeditor-android:[emailprotected]'}粗体RichEditoreditor=(RichEditor)findViewById(R.id.editor);editor.setBold();斜体RichEditoreditor...
  • 来实现更多富文本的展示方式。 字体颜色、背景 SpannableString ts1 = new SpannableString ( "1.设置字体颜色改变部分1改变部分2背景色" ) ; ts1 . setSpan ( new ForegroundColorSpan ( Color . ...
  • 视频短信vs文本短信

    2022-04-07 09:39:54
    视频短信对比文本短信,能够提供视频、图文组合发送,形式多样。 短信容量更大 文本短信每70字记一条,发送内容多则需要消耗多条资源,例如短信内容200个字需要消耗3条短信资源;视频短信则无字数限制,可以容纳多种...
  • 如果我们按照平常的想法在label上面显示文字,然后给label加上手势也可以实现,那么链接多的话,你就要判断点击手势的区域,感觉麻烦,那么苹果给我们提供了很好的方法富文本NSMutableAttributedString。 ...
  • 1、消息模板支持实时翻译,并且将消息模板中的主题、消息、短信、邮件修改为消息富文本编辑器,对主题和短信富文本编辑器工具进行隐藏。 2、替换规则:  同步拼接编码和label,通过某种既定的格式,建立映射...
  • 富文本--->SpannableString

    2016-11-26 21:15:33
    转载至—享受技术带来的快乐在Android中,TextView是我们最常用的用来显示文本的控件。一般情况下,TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,样式,以及超级...
  • 有的时候可能想在TextView中添加一些图片,比如下图,发短信输入联系人时,要把联系人号码换成一个图片,但这个图片无法用固定的某张图,而是根据内容进行定制的,这更像一个view。     当然,如果你不是view...
  • //短信 使用sms:或者smsto:  str.setSpan( new URLSpan( "mms:4155551212" ), 45 , 47 , Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //彩信 使用mms:或者mmsto:  str.setSpan( new URLSpan( "geo:38....
  • 网上找了一下,实现的方式是Android端加载富文本,如果你会js的话,那就方便了,表示本人不怎么会,而且项目框架和界面已经确定了,不可能再改,所以只能试一试其他的方式。SpannableString、SpannableStringBuilder...
  • 1、前台轮播图展示 根据权重查询banners数据并传输,渲染到首页界面:前台蓝图文件:apps/front/views.py # -*- encoding: utf-8 -*- """ @File : views.py @Time : 2020/5/11 9:59 @Author : chen ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,463
精华内容 1,385
关键字:

富文本短信