美文网首页
file_get_contents的内容赋值给前端编辑器

file_get_contents的内容赋值给前端编辑器

作者: 三米板 | 来源:发表于2021-08-02 22:46 被阅读0次

问题
我们在使用 PHP 的 file_get_contents函数,获取到文件内容,并且赋值给前端的时候,发现有回车换行符,这样会导致字符串无法正常结束,无法显示,如下

$var = file_get_contents('file.txt');
<script>
    var editor = new editor();
    editor.value('<?php echo $var;?>');
</script>

如果我们的文件内容如下

我的
世界
一片空白

那么造成下面的结果

editor.value('我的);

那么怎么解决这个问题呢?我们可以使用<pre>标签曲线救国

<?php
$pre_mkfile_txt = file_get_contents($pre_mkfile);
?>
<div hidden>
    <pre id="preFileContent"><?php echo $pre_mkfile_txt; ?></pre>
</div>

window.editor.value($('#preFileContent').html());

使用pre标签做一次转化,这样就可以轻松解决。

相关文章

  • file_get_contents的内容赋值给前端编辑器

    问题我们在使用 PHP 的 file_get_contents函数,获取到文件内容,并且赋值给前端的时候,发现有回...

  • 前端实现复制内容

    前端实现复制内容 将所需要的内容赋值到一个的 textarea ,然后 select() 选取内容 调用 docu...

  • 前端问题:第三方图片无法加载

    前端运营人员采用了秀米的编辑器编辑页面,然后粘贴到后台的富文本编辑器上,再返给前端,在前端显示。所以使用的图片是放...

  • gulimall知识点

    1.前端 vue插值表达式{{}}是给标签体赋值 v-bind是给标签属性赋值 2.数据校验 JSR303@Not...

  • pdf展示

    tp5 file_get_contents("路径/pdf") 转成base64 。 拼接新字符串,返回前端,直接...

  • 2019-07-31

    for 循环里加if 取出文件中的内容赋值给j 取出文件中的内容赋值给j,并将j作为文件名 给文件增加一列行号 注...

  • Ant Design of React使用Select组件:va

    原因: 之前给value属性赋值null,会造成placeholder的内容不显示,将value属性赋值unde...

  • 编辑器

    (2014年旧文)今年工作的很多内容是编辑器,给策划做的编辑器,给美术做的编辑器,各种小工具等,我想,工具和编辑器...

  • php发送http请求,获取网页内容方法

    PHP发送http请求,获取网页内容方法:cURL、file_get_contents()、fopen() 区别:...

  • angular调用第三方方法时对$scope的赋值

    昨天用七牛云api写了前端上传的框架,在上传成功后把返回的外链赋值给$scope的某个值,结果有个bug,赋值后$...

网友评论

      本文标题:file_get_contents的内容赋值给前端编辑器

      本文链接:https://www.haomeiwen.com/subject/bzfsvltx.html