CKEditor 在 laravel 中的 p 标签之前和之后添加额外的 p 标签

Question

我使用

CKEditor

代替

textarea

。我已将

editor

课程添加到我的

textarea

中。我有一个公开的 ckeditor 文件夹。我在该文件夹中有两个文件[

ckeditor.js

和

script.js

]。我也将以下代码添加到

layout.blade.php

。

<script src="/ckeditor/ckeditor.js"></script>
<script src="/ckeditor/script.js"></script>

脚本.js

ClassicEditor
.create( document.querySelector( '.editor' ), {
    // Editor configuration.
    enterMode: CKEDITOR.ENTER_BR,
    shiftEnterMode: CKEDITOR.ENTER_BR,
    
    
} )
.then( editor => {
    window.editor = editor;
} )
.catch( handleSampleError );

function handleSampleError( error ) {
const issueUrl = 'https://github.com/ckeditor/ckeditor5/issues';

const message = [
    'Oops, something went wrong!',
    `Please, report the following error on ${ issueUrl } with the build id "jmpcmxseambi-nohdljl880ze" and the error stack trace:`
].join( '\n' );

console.error( message );
console.error( error );
}

如果我有这样的代码

<p>{!!$blog->body!!}</p>

，您可以看到两个

p

标签，一个在我的

p

标签之前，一个在我的

p

标签之后。

如果我有这样的代码

<p>{{$blog->body}}</p>

，

p

标签对我不想要的用户可见。

我尝试在这里搜索它，但我看到了诸如“我做了

config.allowedContent = true;

”之类的建议，但我绝对没有这样做。我的 CKEditor 文件夹中也没有

config.js

。我只有

webpack.config.js

。我不确定它们是同一件事。

我看到建议，就像我需要做

config.allowedContent = false;

，但我不确定应该在哪里添加该行代码。

请帮忙。

Answer 1

使用

div

代替

p

标签来输出保存到数据库中的

html

内容。

<div>{!!$blog->body!!}</div>