精华内容
下载资源
问答
  • 当保存一段带换行和空格的文本到数据库时,会自动的将换行和空格进行转成&hc,就导致下一次从数据库中调取文本的时候,之前的换行变成了&hc。 所以在保存和获取的时候,要将换行符进行修改。 如下所示是将一...

    当保存一段带换行和空格的文本到数据库时,会自动的将换行和空格进行转成&hc,就导致下一次从数据库中调取文本的时候,之前的换行变成了&hc。

    所以在保存和获取的时候,要将换行符进行修改。
    如下所示是将一个带有换行的字符串进行分割,将原来的’\n’换成’&hc’,
    在这里插入图片描述
    这样在下次获取文本的时候,再将’&hc’变成’\n’即可。
    在这里插入图片描述

    展开全文
  • 加载,解析数据库,上一题,下一题。 pages里的detail0。 detail0.wxml: < view class = "zuopin" > < text > {{ details [ id ] .zuopin [ index ][1]}} text > view > < text > \n\n\n\n\n\n...

    审美是病,得治。
    这里写图片描述
    从左到右依次,初始界面,点一下,进入第二个作者目录,点击李贺,进入第三个作品目录,点击马诗二十三首,进入第四个作品详情,第五个是结构,◀▶切换前后。
    依次往下捋,
    data里面post-data.js:

    var local_database= [{
      "zuozhe":"李贺",
      "zuopin": [["马诗", "大漠沙如雪,\n燕山月似钩。\n何当金络脑,\n快走踏清秋。"], ["南园", "男儿何不带吴钩,\n收取关山五十州。\n请君暂上凌烟阁,\n若个书生万户侯。"], ["马诗二十三首", "龙脊贴连钱,\n银蹄白踏烟。\n无人织锦韂,\n谁为铸金鞭。\n\n腊月草根甜,\n天街雪似盐。\n未知口硬软,\n先拟蒺藜衔。\n\n忽忆周天子,\n驱车上玉山。\n\n鸣驺辞凤苑,\n赤骥最承恩。\n\n\n此马非凡马,\n房星本是精。\n\n向前敲瘦骨,\n犹自带铜声。\n\n\n大漠沙如雪,\n燕山月似钩。\n\n何当金络脑,\n快走踏清秋。\n\n\n饥卧骨查牙,\n粗毛刺破花。\n\n鬣焦珠色落,\n发断锯长麻。\n\n\n西母酒将阑,\n东王饭已干。\n\n君王若燕去,\n谁为曳车辕?\n\n赤兔无人用,\n当须吕布骑。\n\n吾闻果下马,\n羁策任蛮儿。\n\n\n催榜渡乌江,\n神骓泣向风。\n\n君王今解剑,\n何处逐英雄?\n\n内马赐宫人,\n银鞯刺麒麟。\n\n午时盐坂上,\n蹭蹬溘风尘。\n\n\n批竹初攒耳,\n桃花未上身。\n\n他时须搅阵,\n牵去借将军。\n\n\n宝玦谁家子,\n长闻侠骨香。\n\n堆金买骏骨,\n将送楚襄王。\n\n\n香幞赭罗新,\n盘龙蹙蹬鳞。\n\n回看南陌上,\n谁道不逢春?\n\n不从桓公猎,\n何能伏虎威?\n一朝沟陇出,\n看取拂云飞。\n\n\n唐剑斩隋公,\n□毛属太宗。\n\n莫嫌金甲重,\n且去捉飘风。\n\n\n白铁锉青禾,\n砧间落细莎。\n\n世人怜小颈,\n金埒畏长牙。\n\n\n伯乐向前看,\n旋毛在腹间。\n\n只今掊白草,\n何日蓦青山?\n\n萧寺驮经马,\n元从竺国来。\n\n空知有善相,\n不解走章台。\n\n\n重围如燕尾,\n宝剑似鱼肠。\n\n欲求千里脚,\n先采眼中光。\n\n\n暂系腾黄马,\n仙人上彩楼。\n\n须鞭玉勒吏,\n何事谪高州?\n\n汉血到王家,\n随鸾撼玉珂。\n\n少君骑海上,\n人见是青骡。\n\n\n武帝爱神仙,\n烧金得紫烟。\n\n厩中皆肉马,\n不解上青天。\n\n"], ["金铜仙人辞汉歌", "衰兰送客咸阳道"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"], ["祝酒歌", "主父西游何时归"]]
    },
    {
      "zuozhe": "李白",
      "zuopin": [["静夜思", "床前明月光"], ["蜀道难", "难于上青天"], ["将进酒", "高堂明镜悲白发"]]
    
    }
    
    ]
    module.exports = {
      postList: local_database
    }

    无他,\n是换行,\t是空格。
    image里面timg.jpg是初始界面那张图,Photoshop做的。
    这里写图片描述
    pages里面index是初始界面。
    index.wxml:

    <image hidden="{{yincang}}" class='beijing' src='/image/timg.jpg' bindtap="yincang"></image>
    <view hidden="{{xianshi}}" class="biaotou">唐宋名家作品集</view>
    <view hidden="{{xianshi}}" class="yiji" wx:for="{{postList}}" wx:for-item="item" wx:for-index="index">
      <navigator url="./../detail/detail?id={{index}}" >
        <view>
            <button hidden="{{xianshi}}" class="yiji">{{index+1}}-{{item.zuozhe}}</button>
        </view>
      </navigator>
    </view>
    
    

    用了一个hidden的值切换,hidden=true的时候,图片隐藏,=‘’的时候,图片显示。
    index.wxss

    page {  
      display: block;  
      min-height: 100%;  
      background-color:whitesmoke;
    }  
    .biaotou{
      text-align:center;
      width:100%;
      line-height: 100rpx;
      font-size: 60rpx; 
      background-color:bisque;
    }
    
    .beijing{
      width:100%;
      height: 100%;
      position: absolute;
      background-size: contain;
    }
    .yiji{
      text-align: center;
      margin-top: 5rpx;
      line-height: 80rpx;
      font-size: 50rpx; 
      border-radius: 3px;  
      border-color:black;
      background-color:azure;
    }

    设置了样式,挺丑的。
    index.js:

    var postData = require("../../data/post-data.js");
    Page({
      data: {
        postList: postData.postList,
        yincang:'',
        xianshi:'true'
      },
      yincang: function(){
        this.setData({
          yincang:'true',
          xianshi:''
        })
      }
    })
    

    里面就一个hidden的值。
    pages的detail,作者列表的那个界面。

    <view class="biaotou">
      <view>作者:{{details[id].zuozhe}}</view>
    </view>
    <view class="yiji" wx:for="{{details[id].zuopin}}" wx:for-item="item" wx:for-index="index">
      <navigator url="./../detail0/detail0?id={{id}}/{{index}}" >
        <view>
            <text class="yiji">{{index+1}}-{{item[0]}}</text>
        </view>
      </navigator>
    </view>
    <text>\n\n\n\n\n\n\n\n</text>
    <view class="jishu">{{id+1}}位作者,共{{details.length}}位作者</view>
    <view class="huanti">
    <button class="huanti0" bindtap="lastQuestion"></button>
    <button class="huanti0" bindtap="nextQuestion"></button>
    </view>

    注意:navigator url=”./../detail0/detail0?id={{id}}/{{index}}”,注意id={{id}}/{{index}},这是把两个参数传递到detail0页面去了,一个id,一个index。
    detail.wxss

    page {  
      display: block;  
      min-height: 100%;  
      background-color:whitesmoke;
    }  
    .biaotou{
      text-align:left;
      width:100%;
      line-height: 80rpx;
      font-size: 60rpx; 
      background-color:bisque;
    }
    .yiji{
      text-align: left;
      margin-top: 5rpx;
      line-height: 70rpx;
      font-size: 50rpx; 
      border-radius: 3px;  
      border-color:black;
      background-color:azure;
    }
    

    detail.js:

    var postData = require("../../data/post-data.js");
    
    Page({
      data: {
        id: "",
        details: postData.postList,
    
      },
      onLoad: function (options) {
        this.setData({
          id: parseInt(options.id)
        })
        console.log('options---', options)
        console.log('详情', this.data.details)
      },
    
    
    
    
      nextQuestion: function () {
        var that = this;
        if (that.data.id < postData.postList.length - 1) {
          this.setData({
            id: that.data.id + 1
          });
        }
      },
      lastQuestion: function () {
        var that = this;
        if (that.data.id > 0) {
          this.setData({
            id: that.data.id - 1
          });
        }
      }
    
    
    })

    加载,解析数据库,上一题,下一题。

    pages里的detail0。
    detail0.wxml:

    <view class="zuopin">
      <text>{{details[id].zuopin[index][1]}}</text>
    </view>
    <text>\n\n\n\n\n\n\n\n</text>
    <view class="jishu">{{index+1}}首作品,共{{details[id].zuopin.length}}首作品</view>
    <view class="huanti">
    <button class="huanti0" bindtap="lastQuestion"></button>
    <button class="huanti0" bindtap="nextQuestion"></button>
    </view>

    一个id是作者的序号,一个index是作品的序号。
    detail0.wxss:

    page {  
      display: block;  
      min-height: 100%;  
      background-color:aliceblue;
    }  
    .zuopin{
      text-align:center;
      margin-top:40rpx;
      width:100%;
      line-height: 60rpx;
      font-size: 40rpx; 
    }

    detail0.js:

    var postData = require("../../data/post-data.js");
    
    Page({
    
    
      data: {
        id:'',
        index:'',
        details: postData.postList,
      },
    
    
      onLoad: function (options) {
        this.setData({
          id: parseInt(options.id.split('/')[0]),
          index: parseInt(options.id.split('/')[1])
    
        })
      },
      nextQuestion: function () {
        var that = this;
        if (that.data.index < postData.postList[that.data.id].zuopin.length - 1) {
          this.setData({
            index: that.data.index + 1
          });
        }
      },
      lastQuestion: function () {
        var that = this;
        if (that.data.index > 0) {
          this.setData({
            index: that.data.index - 1
          });
        }
      }
    })

    注意:
    id: parseInt(options.id.split(‘/’)[0]),
    index: parseInt(options.id.split(‘/’)[1])
    options.id是从上一个页面传递过来的参数,上一个页面是id={{id}}/{{index}},那这里用split函数切分一下,再把id和index分开,这样就能获得序号了。
    最后面app里也改了一些全局的。
    app.json:

    {
      "pages": [
        "pages/index/index",
        "pages/logs/logs",
        "pages/detail/detail",
        "pages/detail0/detail0"
      ],
      "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "b3a8ac",
        "navigationBarTitleText": "唐宋名家作品集",
        "navigationBarTextStyle": "black"
      }
    }

    改了个导航条的背景色和文字内容。
    app.wxss:

    /**app.wxss**/
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 200rpx 0;
      box-sizing: border-box;
    } 
    .jishu{
      position: fixed;
      width:100%;
      text-align:center;
      margin-top:300rpx;
      bottom:150rpx;
      line-height: 70rpx;
      font-size: 40rpx; 
      background-color:lightcyan;  
    }
    .huanti{
      position: fixed;
      width: 100%;
      height: 100rpx;
      bottom: 20rpx;
      display: flex;
    }
    .huanti0{
      width: 50%;
      boder-width: 3px;
      background-color:bisque;  
    }

    全局用的,detail和detail0的class存在这里了。

    完全可以用这个方式做一个微信小程序的作品集了,除了丑,没有啥缺点。

    展开全文
  • 文字换行存入数据库并显示的方法

    千次阅读 2018-12-17 17:27:55
    textarea中输入的换行会保存到数据库中 直接读取的话 换行是不起作用的 这个时候可以替换一下 eg: $("#memoDesc").html(v.memo.replace(/[\n\r]/g,'&lt;br&gt;'));

    textarea中输入的换行会保存到数据库中  直接读取的话  换行是不起作用的 这个时候可以替换一下

    eg:

    $("#memoDesc").html(v.memo.replace(/[\n\r]/g,'<br>'));
    展开全文
  • 关于textarea标签,可以进行大量的文本...在html页面实现文字换行可以在文字中加入""。 另外将textarea标签中文字存入数据库时,如果文字有换行,会默认在换行处加入"\n",可以根据实际情况做"\n"与""之间的转换。 ...

    关于textarea标签,可以进行大量的文本编辑,提交起来也比较方便,但是从后端渲染的数据是不换行。
    想要在textarea标签中实现换行可以在文字中加入"\n"。
    在html页面实现文字换行可以在文字中加入"
    "。
    另外将textarea标签中文字存入数据库时,如果文字有换行,会默认在换行处加入"\n",可以根据实际情况做"\n"与"
    "之间的转换。

    展开全文
  • 下面小编就为大家分享一篇jsp实现textarea中的文字保存换行空格存到数据库的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • textarea文字换行保存到数据后读出来没有换行 解决方案
  • 元素,输入内容以后预览,发现回车键的位置并没有换行。如下图所示: 预览结果: 将内容打印出来,可以看到,<textarea> 中的内容里面,换行是用的 “\n” ,而 html 并不识别: 解决办法: 将内容...
  • 最近在做项目的时候发现,从数据库中拿回来的值太长了,需要对文字进行换行或者溢出处理的时候,有些属性记的不是很清楚,所以总结一下,网页中基本的文字处理问题。 1. word-break:break-all;只对英文起作用,以...
  • // 文字换行的设置 setCompanyTitle(){ let width = 0.13; let height = 0.35; this.ctx.font="14px Verdana"; this.ctx.fillStyle = "#ffffff"; this.ctx.lineWidth=1; let fontStr = '域名 xxx.com ...
  • Access调用数据库换行的问题

    千次阅读 2006-12-06 22:46:00
    初学ASP的同志可能有这样一个问题,那就是往ACCESS数据库里面输入文字的时候明明打上回车了,可是调出来的文字不会自动换行,要多难看有多难看。SNAKE在捆饶无数天之后查遍互联网终于找到解决方法。参考:...
  • 1.需要保存数据库之前把textarea中的换行字符转换为存储到数据库。 2当读取的时候在把 替换成textarea的换行符\n就好了 注意:使用replace 方法的时候需要用正则表达式,否则只能替换第一个换行 例如: str=...
  • 换行函数在ShangchuanNews.jsp 代码如下 "java.io.PrintWriter" %> "java.net.URLDecoder" %> "java" contentType= "text/html; charset=utf-8" pageEncoding= "utf-8" %> "java.sql.*" %> ...
  • oracle数据库查询数据添加换行

    千次阅读 2019-12-04 18:56:19
    将oracle数据库中查询到的数据拼接到一起,并且在中间添加换行,以方便后台获取到数据库记录后,直接写入文件也能将格式一并带上。 方案: 使用oracle中的回车换行符:其中回车是chr(13)对应java中的\r,换行符是...
  • 之前,我也在百度上搜了一些关于数据库中读取数据,显示在TextView上时实现换行功能,由于文字数据库中为varchar类型,读取出来并不能实现换行,有试验过将数据库中的“\n”改为“\r\n”,"x'0a'"都不行,所以只能...
  • word-wrap版本:IE5.5+专有属性 继承性:有 语法: word-wrap : normal ¦ break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生 ...
  • 数据库取出数据无法自动换行

    千次阅读 2006-04-26 15:56:00
    今天写一页显示图片新闻的程序发现从数据库取出标题后标题过长自动扩展了表格无法自动换行,后面在单元格里加入一段代码即可,代码如下:
  • CSS保证文字自动换行

    2016-02-18 00:06:00
    为什么80%的码农都做不了架构师?>>> ...
  • 调用数据库中的内容时,字母不能自动换行,如果使用table实现字母的自动换行,那么代码如下所示:     &lt;table class="table" border="1" cellpadding="0" ...
  • 遇到一个问题textarea编辑文字换行数据库读出时不能显示换行。 下面是解决方案: textarea直接存,读出来的时候替换一下解决。 //php代码str_replace("\r\n",' ',$row["ActContent"] ‘\r’是回车,’\n...
  • 其实文本框提交到数据库的时候已经保存了换行,只是在页面调用的时候没有就正确就取出来,可以通过str_replace()解决,如: str_replace("\r\n","",$temp);
  • html的textarea中的文字怎么换行显示

    千次阅读 2020-01-04 18:52:31
    在后台用textarea保存的文字内容,内容中有换行,但在页面显示的时候,一般不会再显示出换行, 原因是textarea保存的换行符(\r\n)html不识别 方法一、用样式解决: <style> .pre-text { white-space:...
  • 根据宽度换行 style="word-break:break-all" <td width="596px" colspan="2" style="word-break:break-all" align="left" class="style4" valign="top"></td> //这样的话每行的宽度就是596px了 比如...
  • 存储数据库之前执行  newStr= str.replace(/\n|\r\n/g,""); 取值时执行  var reg=new RegExp("","g");  var newStr=context.replace(reg,"\n");
  • 这个图片显示的是存入数据库的内容(忽略乱码),目测是有换行的,基本上符合输入的格式,但是在网页中提取出来显示时,却没有换行,只有一个空格,如下图 ![图片说明]...
  • 定义和用法 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 标签的一个常见应用就是用来表示计算机的源代码。
  • textarea文本保存到数据库,前端输出保存换行回车解决方案 $(function() { init();} ); function init() { var text = $("div.text").text(); //先取出未转换格式前端数据 var des = text.replace(/\r\...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,583
精华内容 7,833
关键字:

数据库文字换行