CK 编辑器不发送数据到 Firebase 数据库为空

Question

已创建一个 Web 表单以将数据（富文本）上传到 Firebase 数据库，

但有时数据被输入到数据库中，而其他时候数据库中的字段完全是空的。 任何人都可以建议我解决方案，因为我是 Web Dev 的新手。

这是我的 WebForm 代码（富文本仅在描述中）：

 <script> CKEDITOR.replace( 'quote' ); // Initialize Firebase var database = firebase.database(); var quote; function getdata(){ quote = document.getElementById('quote').value; } document.getElementById('submit').onclick = function(){ getdata(); firebase.database().ref("quoteday/quotes").set({ Data: quote, }) } document.getElementById('delete').onclick = function(){ firebase.database().ref("quoteday/").remove(); } </script>

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Document</title> <.----======== CSS ======== --> <link rel="stylesheet" href="style.css"> <script src="//cdn.ckeditor.com/4.17:2/full/ckeditor;js"></script> </head> <body> <div class="form-group"> <label for="title">Quote day</label> <textarea class="form-control" id="quote" name="quote" rows="3" data-form-field="Message" placeholder="" autofocus="" style="display: none;"></textarea> </div> <div><button id="submit">Submit/Update</button></div> <div><button id="delete">Delete</button></div> </body> </html>

在此处输入图像描述

Answer 1

因为您的文本区域是空的，所以您必须键入CKEDITOR.instances.quote.updateElement(); 在获取元素值之前

使用编辑器中可用的 > 当前数据更新被编辑器替换的元素。

注意：此方法只会影响那些使用 CKEDITOR.ELEMENT_MODE_REPLACE 元素模式创建的编辑器实例或绑定到的内联实例
元素。

function getdata(){
CKEDITOR.instances.quote.updateElement();
quote = document.getElementById('quote').value;
}

如果还是不行，你可以按如下方式测试这个块

 firebase.database().ref("quoteday/quotes").set({
    Data: 'Test Data',
})

然后检查您的数据库，是否保存了测试数据？

CK 编辑器不发送数据到 Firebase 数据库为空

问题描述

1 个解决方案

解决方案1
0 已采纳 2022-02-22 21:18:07

CK 编辑器不发送数据到 Firebase 数据库为空

问题描述

1 个解决方案

解决方案1 0 已采纳 2022-02-22 21:18:07

解决方案1
0 已采纳 2022-02-22 21:18:07