精华内容
下载资源
问答
  • 2.保存到数据库中, 3.读取数据库文件展示在...4.获取content中的html代码,输送给打印控件,每一行的文字太长导致不打印出的文字展示不全,都是展示每行的前半句,请问怎么得到content中的文字自动换行后的html代码
  • 实现文字(标准、分段)换行

    千次阅读 2019-01-26 10:53:05
    换行文字的保存和输出 ...看到数据中的箭头感觉怪怪的,怎么还会有这个玩意,不管怎么样将数据打印出来看看 created() { console.log( 'start' + '-'.repeat(15), this.growthData.teacherCommen...

    换行文字的保存和输出

    在使用textarea文本域时可通过添加换行如下

    当我们重新后台拿到保存的数据后发现数据格式如下。

    看到数据中的箭头感觉怪怪的,怎么还会有这个玩意,不管怎么样将数据打印出来看看

      created() {
        console.log(
          'start' + '-'.repeat(15),
          this.growthData.teacherComment,
          '-'.repeat(15) + 'end'
        )
      }
    复制代码

    原来箭头的地方就是换行,而且在打印出来的数据中已经实现了换行的效果。

    实现换行

    结合上面的结果,我直接将数据丢到标签里

    <span>{{growthData.teacherComment}}</span>
    复制代码

    发现并没有实现换行。
    那看到打印台中的数据为什么会有换行的效果,我试了如下代码

    /\n/.test(growthData.teacherComment) //true
    /\r/.test(growthData.teacherComment) //false
    复制代码

    原因是在textarea中输入回车换行再存入数据库时,这些回车换行符是以/r/n的形式存入数据库的,取出来也同样,但是到页面时html是无法将/r/n当换行处理的。

    <br/>换行

    在后台从数据库取出数据的时候将/r/n转换成<br/>

    /**
     * 函数的功能是将 \n,\r用 <br/>替代
     * @param {String} str  传入的字符串
     * @returns {String} 返回替换后的字符串
    */
    function replaceWithBr(str) {
      return str ? str.replace(/\n|\r/g, '<br/>') : ''
    }
    复制代码
    • 将字符串中的\n,\r都替换成了'<br/>'本质上还是字符串,{{}}文本插值插值的方式是无法识别出'<br/>'是字符串还是换行符。
    • 需要使用v-html按普通 HTML插入
      <span v-html="replaceWithBr(growthData.teacherComment)"></span>
    复制代码

    这个 span 的内容将会被替换成为属性值 replaceWithBr(growthData.teacherComment)的返回值

    换行和段落效果

    文字正常换行和段落换行的间隙是不相同的,来看下图效果。1处表示正常的文字换行,2处表示段落之间的换行。我们需要将两者的差别体现出来。

    想法

    • 1处的换行实现有两种方式
      • 文字外部标签如span设置好宽度,当文字宽度超过设置的宽度自动会换行
      • 手动设置一行需要显示字数,超过字数后在后面拼接一个<br/>
    • 2处的换行可以在需要换行的文字外部添加<p>标签包裹实现段落间距

    实现及效果

    /**
     * 函数的功能是将 \n 用 p 标签替代
     * @param {String} str  传入的字符串
     * @returns {String} 返回替换后的字符串
    */
    export function replaceBreakWithPTag(str, style) {
      if (!str) {
        return ''
      } else {
        style = style || 'style="text-indent: 2em; margin: 10px 0;"'
        str = `<p ${style}>` + str
        return str.replace(/\n|\r/g, `</p><p ${style}>`)
      }
    }
    
    复制代码

    需要注意的是如果需要给p标签添加样式需要在往函数中传入style样式对象,这里我也设置了默认的样式对象。有人会向使用class定义样式可以吗,答案是否定的,原因引用官网的话如下:

    在单文件组件里,scoped 的样式不会应用在 v-html 内部,因为那部分 HTML 没有被 Vue 的模板编译器处理。如果你希望针对 v-html 的内容设置带作用域的 CSS,你可以替换为 CSS Modules 或用一个额外的全局 <style> 元素手动设置类似 BEM 的作用域策略。

    指定文字数换行

    /**
     * 实现文本换行和段落换行,需指定当行文本长度
     * @param {String} str  传入的字符串
     * @param {Number} length 当行文本长度
     * @param {String} style p标签的行内样式
     * @returns {String} 返回替换后的字符串
    */
    export function wrapTextNumber(str, length, style) {
      if (!str) {
        return ''
      } else {
        // 每个段落的字符串
        let resultList = []
        // 通过\n标志将字符串分段
        let phaseList = phaseWrapList(str)
        // 对每个段落内的文字进行换行转换
        phaseList.forEach(item => {
          resultList.push(line(item, length, style))
        })
        // 将所有段落整合成一个字符串
        return resultList.join('')
      }
    }
    
    // 以\n,\r作为标志将文本切割成多个段落
    function phaseWrapList(str, length, style) {
      let phaseList = []
      let strLenth = str.length
      for (let i = 0, j = 0; i < strLenth; i++) {
        if (str[i] === '\n' || str[i] === '\r' || i === strLenth - 1) {
          phaseList.push(str.substr(j, i))
          j = i
        }
      }
      return phaseList
    }
    // 对每个段落进行单行文字数限制
    function line(str, lineTextLength = 15, style) {
      style = style || 'style="text-indent: 2em; margin: 10px 0;"'
      let newString = ''
      let listLength = Math.ceil(str.length / lineTextLength)
      for (var i = 0; i < listLength; i++) {
        newString += str.substring(i * lineTextLength, (i + 1) * lineTextLength) +
            '<br/>'
      }
      return `<p ${style}>${newString}</p>`
    }
    复制代码

    小结

    介绍简单的<br/>换行给外部设定宽度,配合p标签指定单行的个数换行三种换行方式。最终都是通过v-html识别, 本质上是按普通 HTML插入的方式span 的内容将会被替换成为属性值 。前两种方式使用起来比较方便好理解,第三种换行也可以通过第二种方式指定宽度替代。

    展开全文
  • 我想把一个字符串里所有空格都转换成换行符,也就是打印出来是一个子一般是用for命令(遇空格或其它分隔符如逗号分号等就会换行,除非是位于引号之中的)如下面的代码: @echo off set "a=abc def ghi" for...

    在cmd(命令提示符)中怎样换行

    在CMD下,可以用^作为换行符 比如: dir ^ /p 也就是打完dir ^按回车,然后接着打/p

    批处理语句里面换行符或者回车符怎么写?

    我想把一个字符串里所有空格都转换成换行符,也就是打印出来是一个子字一般是用for命令(遇空格或其它分隔符如逗号分号等就会换行,除非是位于引号之中的)如下面的代码: @echo off set "a=abc def ghi" for %%i in (%a%) do echo %%i pause 扩展资料: cmd命令

    certmgr.msc证书管理实用程序 3

    setDCONTENT=123123123123setDCONTENT=123123123123他输出后老是一排我要的效果是123123123123的效果怎么换行

    cmd命令的输出写入到一个ini文件中,怎样换行啊?

    下面图片怎么换行的 如果不是换行的问题告诉我怎样做到的好嘛

    windows的命令行是不支持换行的

    用cmd的批处理来删除一个txt中的所有回车符或者换步骤 1 2 3 4 从网上复制过来的文字,有很多都充满无用的换行符、回车符或者多出很多空行,要想批量删除它们,可以用word的替换,在“需要替换的内容”中选择“特殊符号”就可以看到。 工具/原料 现在有一款小巧的记事本软件“文本排版大师”专门提供

    展开全文
  • 效果如下: 我是怎么想的: 总共需要打印6行字母,那么就需要一个循环来控制打印第几行,大概代码如下: for(int i=0;...每行打印完都需要输出一个换行,所以代码变成下面这样 for(int i=...

    效果如下:

     

    我是怎么想的:

    总共需要打印6行字母,那么就需要一个循环来控制打印第几行,大概代码如下:

    for(int i=0;i<6;i++)

    {

    }

    每行都会打印字母,而且循环越往后,需要打印的字母越多,那么每行打印字母也需要一个循环,比如打印F到A这需要一个循环,其它也是同样的道理。每行打印完都需要输出一个换行,所以代码变成下面这样

    for(int i=0;i<6;i++)

    {

      for(char j='F';XXXXX;j--)

      {

     

      }

      printf("%c",j);

    }

    因为每行都是从F开始打印的,所以j的初始值肯定是F,有因为每次是从F往A这个方向打印的,那么肯定有j--这个操作,上面的代码不难理解。

    真正难的是j=‘F’后面这个进入循环的条件,这个怎么想。

    用列举法推出来的。

    当i=0的时候,需要打印第一行字母,此时j='F',那么我们给j一个什么样的关系表达式,才能够让j只能取到'F'这一个值呢?

    是不是j>'F'-1

    char j='F',j>'F'-1;j-- j的定义域只能取到‘F’

    当i=1的时候,需要打印第二行字母,也就是需要里面的循环执行两次,那么给j一个什么样的表达式,才能够让j的值渠道'F'和‘E’呢? 是不是j>'F'-2;

    我们不能直接把'F'-1和'F'-2这两个表达式直接写进去,不然输出的是固定值,我们想要这两个值和i发生一定的关系

    当i=0时候,我们希望j>'F'-1='F'-(0+1)

    当i=1时候,我们希望j>'F'-2='F'-(1+1)

    当i=3时候,我们希望j>'F'-4='F'-(3+1)

    所以通项公式就是j>'F'-(i+1)

    最后代码如下:

    int main(void)
    {
        
        for (int i = 0; i < 6; i++)
        {
            for (char j = 'F'; j > 'F'-(i+1); j--)
            {
                printf("%c",j);
            }
            
            
            printf("\n");
        }
    
    
    
    
        return 1;
    }

     

     

     

    update:2018.10.2

    这次思考过程和上次完全不一样。

    首先需要一个外层循环来控制打印的行,共需要打印6行,每循环一次打印一行数据。还需要一个内层循环控制要打印的字符

    由于,内存循环每次都是从F开始打印的,所以内存循环每次都要初始化变量为F,每次打印一个字符后就让字符减去1,这样就可以打印比F小的那个字符了,那要打印多少个字符呢?我们需要用一个变量来记录,然后每进行一次外层循环这个变量的值都要+1,因为第二行要比第一行多打印一个字符。

    int main(void)
    {
        char ch ;//当前要打印的字符
        int row_count=1;//每行需要打印额字符个数,从第一行开始
        int count;//打印了几个字符了
    
        for (int i = 0; i < 6; i++,row_count++)
        {
            for (ch='F',count = 0; count < row_count; count++,ch--)
            {
                printf("%c",ch);
            }
            printf("\n");
        }
        
        
        return 1;
    }

     

    转载于:https://www.cnblogs.com/yfish/p/9710960.html

    展开全文
  • 但是,默认情况下, 标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码:pre{white-space:pre-wrap;white-space:-moz-pre...

    利用

    这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。

    也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和
    等来表示空格或者回车了。

    但是,默认情况下,

     标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。

    下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码:

    pre{

    white-space:pre-wrap;

    white-space:-moz-pre-wrap;

    white-space:-pre-wrap;

    white-space:-o-pre-wrap;

    word-wrap:break-word;

    }

    父标记最好加个DIV,并设置CSS属性:

    word-wrap: break-word;white-space : normal

    pre标签内文本自动换行

    pre标签内文本自动换行 给pre标签添加一个css样式 pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* ...

    让pre标签自动换行示例代码

    pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体.

     标签的一个常见应用就是用来表示计算机的源代码.对于技术博客经 ...

    Pre标签 自动换行

     元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 
     标签的一个常见应用就是用来表示计算机的源代码 ...

    解决&lt&semi;pre&gt&semi;标签里的文本换行&lpar;兼容IE&comma; FF和Opera等&rpar;

    我们都知道

     标签可定义预格式化的文本,一个常见应用就是用来表示计算机的源代码.被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在
    标 ...

    pre标签 首行会自动换行解决方案

    利用pre标签可以 解决文本文档里面的空格及换行在页面上不显示的方案, 自行换行 加 white-space: pre-wrap; word-wrap: break-word; 英文字母换行 word ...

    &lt&semi;pre&gt&semi;&lt&semi;&sol;pre&gt&semi;标签自动换行

    展开全文
  • 怎么控制换行? console.log()默认就是打印一次换一行,我们这时候就需要把一行的乘法数字都通过字符串拼接在一起,等这一行结束后,就在外层for循环里打印,而不是在内层的循环。 怎么实现每两个数相乘后的间隔? ...
  • 我们可以利用js打印各式各样的九九乘法表不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的数字是什么规律,只要找到了共性,九九乘法表就很简单了注意点怎么...
  • datawindow 是freeform风格的,在打印时,如果某个字段内容比较长,显示不全,希望能自动缩小字体显示并且可以自动换行,分多行显示,要怎么才能做到这一点,PB是否可以实现?请问各位大神。 可以通过程序来判断...
  • 但是我太忙了,他还有很多屁事要做,他先想好了几个大概的种法,等你用程序画个图来看看最终结果是怎么样的。 圣诞树的画法如下: 高度为2的圣诞树: ``` * /-\ /-| |-\ | | ``` 高度为3的圣诞树...
  • //打印数组元素后不换行 System.out.print(board[i][j]); } //每打印完一行数组元素后输出一个换行符 System.out.print("\n"); } } public static void main(String[] args) throws ...
  • 第一次用markdown,怎么这么废物的,连自动换行对齐都没有,看来以后的另想他法,乐色啊!最最关键还是没有调大小的,瞎了瞎了 分析: 别管其他,先将一行行分析,第一个是空格,加入输入E那么第一行就是E-A个空格...
  • 效果如下: 我是怎么想的:总共需要打印6行字母,那么就需要一个循环来控制打印第几行,大概代码如下:for(int i=0;i<6;i++){}每行都会打印字母,而且循环越往后,需要打印的字母越多,那么每行打印字母也需要一...
  • 文字中可能出现段落,希望在配置中按段落方式编写,显示打印的时候也能出现段落换行。 文字很长,为方便编辑,可能在配置文件中分段写,但是显示的时候不喜欢出现配置中的段落换行。 简单的说,就是: 配置与显示,...
  • 正则表达式

    2019-01-14 08:40:40
    最近在学怎么用Python爬虫,然后学了爬虫时可能用到的一些正则表达式,整理了一下如下:  原子 原子是正则表达式中的最基本的组成单位,每个正则表达式中至少要包含一个原子。常见的原子类型有: a:普通字符作为...
  • 第一天的学习

    2016-03-23 20:11:00
    还有就是英语像什么Class(类),Println{(打印换行},String(字符串),等等!在学校就没学好英语,现在......特别是翻译的意思也不懂,在写代码的时候这些怎么用都不知都!好累啊 1,算法特征...
  • (1)素数怎么打印?有时候大印出来好多重复的数字? (2)控制换行的语句往哪里方? 这两点要多编程,多尝试,反正本人只有一点点的感悟,也说不出来,哪位大佬看到了也可给我指点指点,谢谢了。 .
  • 6-2. Fractal

    2018-12-15 11:37:57
    原题 题目大意:就是输入某个数字,输出图形。 思路:递归无疑了,因为复杂的图形中都...肯定是不行的,因为一旦换行了右边的图形就打不出来了,所以我们怎么解决呢?先存起来啊,最后再打印。 #include&lt;ios...
  • 支持为单位或是分词模式或是BPE模式(需要略微修改train.py的代码)。支持大语料训练。 UPDATE 02.06.2021 本项目新增了通用中文GPT-2预训练模型、通用中文GPT-2预训练小模型、中文歌词GPT-2预训练模型和文言...
  • 怎么样设置才能让这一列的每个单元格只能输入12位 如何让工作表奇数行背景是红色偶数行背景是蓝色 计算特定的一组单元格中,满足条件的单元格的个数 把文本格式的数字转换成真正的数字 设置页码 Excel表格里如何插入...
  • EXCEL函数公式集

    热门讨论 2010-03-16 03:26:38
    怎么样设置才能让这一列的每个单元格只能输入12位 如何让工作表奇数行背景是红色偶数行背景是蓝色 计算特定的一组单元格中,满足条件的单元格的个数 把文本格式的数字转换成真正的数字 设置页码 Excel表格里如何插入...
  • 当“北极星”在行末,但当前行无法同时容下这三个,通常情况下会在这三个中间换行,但如图设置了之后,这三个就“一直”在一起了:要么都在这行,要么都到下一行。明白了吧。当然了,这个功能实际中似乎用的...
  • 而这些技巧往往又被忽略或忘记怎么去使用。本套课程基于此整理了一些Excel方面的技巧,这些呢为学习笔记集锦,前后章内容不存在连贯性,仅整理一些常用的技巧与大家分享。 【说明:Excel为2013版本,无下载资料,请...
  • 虽然通常英文的单词是由空格,标点符号或者换行来分隔的,但是\b并不匹配这些单词分隔字符中的任何一个,它只匹配一个位置。 如果需要更精确的说法,\b匹配这样的位置:它的前一个字符和后一个字符不全是(一个是,一...
  • 7.1.8 设置打印范围与票据的打印 7.2 制作销售收据 7.2.1 使用框线列表快速绘制销售收据表格 7.2.2 文本对齐方式的应用 经验分享 销售发票{收据}的种类s贿买 7.2.3 让单元格内文字垂直显示 7.2.4 设置单元格日期格式...
  • 还有一个好处,若公式或编号的长度发生变化时,Word会自动调节以使公式始终在页面的中间,编号始终在行末,不会因为公式或编号变长而换行。更简单的作法是把公式段落的设置保存为样式,所有的公式段落应用此样式,即...
  • Visual Studio程序员箴言中文扫描PDF

    热门讨论 2010-12-28 01:04:18
    1.2.3 自动换行和虚空格 15 技巧1.23 启用自动换行 15 技巧1.24 启用虚空格 15 1.3 编辑器字体和颜色 16 1.3.1 字体大小 16 技巧1.25 增大编辑器中工具提示的字体大小 16 技巧1.26 将宏绑定到键盘...
  • Visual Studio程序员箴言--详细书签版

    热门讨论 2012-10-16 20:37:39
    技巧1.35 把文件路径打印为页眉 24 1.5 状态栏 24 状态栏选项 24 技巧1.36 隐藏状态栏 25 第2章 让编辑器的使用得心应手 26 2.1 高级编辑 26 2.1.1 选择 26 技巧2.1 使用编辑器中的块/列选择 26 技巧...
  • javascript函数的解释

    2011-02-26 11:03:52
    其实就是搞清做什么,怎么做的问题,先把流程图画出来,拆解开,一个个做好了然后再合并。理论的东西我不会讲,直接举例哈! function g(o){return document.getElementById(o);} function hitover(n) { for(i=1...
  • VC++常用功能实例

    2010-01-25 23:28:46
    ◆在调试中怎么样MESSAGEBOX一个数字◆ 16 ◆如何控制控件的焦点◆ 16 ◆如何对析构函数中对象进行释放◆ 16 ◆如何关闭一个模态窗口◆ 17 ◆如何将一个提示的声音发到声卡上◆ 17 ◆如何得到打开exe的带的参数◆ 17...

空空如也

空空如也

1 2
收藏数 37
精华内容 14
关键字:

打印字怎么换行