如何將顏色選擇器添加到 React Quill 工具欄

[英]How to add a color picker to React Quill toolbar

我想將 react-quill 用於我的 React 富文本編輯器，但我找不到在工具欄中添加顏色選擇器的方法。 我也在使用 typescript。這是我的組件： ...

quillRef.getSelection 不是 function

[英]quillRef.getSelection is not a function

我試圖在當前 cursor position 插入一些虛擬文本，在 quill react package 中。但我在控制台中收到以下錯誤： quillRef.getSelection 不是 function 這是代碼： ...

為什么反應羽毛筆提到不顯示？

[英]Why does react quill mentions not showing?

我已經使用 ReactQuill 為 RichText 創建了一個組件，我正在實施提及，但是當我在文本框中鍵入 @ 時提及不起作用我嘗試將依賴項放在 useMemo 中，但文本框消失了我怎樣才能讓這段代碼工作，所以當我輸入@時它會顯示人員名單？ 請在下面找到我制作的代碼 ...

用反應鈎子形式和 nextjs 反應羽毛筆

[英]react quill with react hook form & nextjs

我在 nextjs 中使用 react-quill、react-hook-form 實現編輯器。 我試圖添加if(document)...但同樣的錯誤。 所以，我將form更改為div 像這樣 我輸入的data顯示在控制台中，但是當我刷新時，我再次遇到同樣的錯誤。 不使用div就無法使用form標 ...

react-quill 的某些功能在生產中不起作用

[英]Some features of react-quill don't work in production

我有一個使用 react-quill 的 Next 應用程序和文本編輯器。 在 localhost 中一切正常，但是當我在 Vercel 中得到我的項目時，react-quill 的一些功能不起作用，比如字體大小、字體顏色、對齊等等。 ` ` 這是我的 TextEditor 代碼你對此有什么想法 ...

React Quill window 未定義

[英]React Quill window is not defined

我將React Quill添加到Next.js項目，它工作正常。 但是當我嘗試將ImageResize添加到編輯器時，問題就開始了。 當我添加行 我得到一個錯誤 ReferenceError: window 未定義我認為問題出在Quill導入上，但找不到任何可行的解決方案。 文本編輯器.tsx ...

羽毛筆提及拋出 TypeError s.domNode.getBoundingClientRect is not a function

[英]Quill Mention throws TypeError s.domNode.getBoundingClientRect is not a function

嘗試在 quill 編輯器中提及帶有 @ 字符的用戶會在控制台中拋出 TypeError s.domNode.getBoundingClientRect is not a function 並且不顯示建議。 重現步驟 重現該錯誤有點棘手，因為我公司的少數客戶偶爾會在生產中遇到此問題。 下面的截圖請 ...

在 React 中從 quill texteditor 向控制台添加文本

[英]Add text to console from quill texteditor in React

我有一個任務，我想將文本編輯器中的文本保存在控制台中。 我使用 ReactQuill 作為文本編輯器，我知道如何使用 Onchange function 添加它。 但是，如果我改為擁有一個具有 onClick function 的按鈕，該按鈕將文本從文本編輯器添加到控制台，該怎么辦。 我怎么做？ 我 ...

HTML 響應來自 API 和 HTML '狀態'的 react-quill 不匹配 - 樣式/外觀問題 - React-Quill

[英]HTML response from API and HTML 'state' of react-quill don't match - Styling/Appearance issue - React-Quill

這個賞金已經結束。 此問題的答案有資格獲得+50聲望賞金。 賞金寬限期在14 小時后結束。 emre-ozgun正在尋找一個規范的答案： 我們的要求是保留原始的 HTML 結構並防止 react-quill '指示'它自己的包裝器。 我們遇到了樣式問題。 我們正在構建一個郵件模板應用程序，用戶可 ...

為只讀和預填充內容配置 Quill 文本編輯器。 反應.js

[英]Config Quill Text Editor for Read Only and prefilled content. React.js

我有一個 Quill 文本編輯器的基本設置。 我想弄清楚 Quill 只讀預填充內容所需的配置，以便編輯器的內容為 static 並且應該刪除工具欄。 當我嘗試使用new quill(editor, {configs});更改配置時編輯器消失了，我只剩下一個空白屏幕。 當我在一個單獨的 web 應 ...

React-quilljs：TypeError：無法讀取未定義的屬性（讀取“長度”）

[英]React-quilljs: TypeError: Cannot read properties of undefined (reading 'length')

我正在使用react-quilljs請參閱設置“帶有初始值”的文檔。 使用他們的文檔可以正常工作，直到您嘗試使用 useEffect 從數據庫中提取初始值。 我不斷收到錯誤TypeError: Cannot read properties of undefined (reading 'length ...

當我將數據傳遞給 ReactQuill 時，我在 img 標簽中得到了 src="[object Object]"

[英]I got src="[object Object]" in img tag when i pass data to ReactQuill

在圖像標簽中我得到了 src="[object Object]" 我在控制台和 dom 中輸出該數據。 一切看起來都很好。 但是當我將該數據傳遞給 ReactQuill 組件時，事情變得很奇怪，它在圖像標簽的 src 中獲得了 [object Object]。 ...

出現錯誤時如何更改 React Quill 容器的邊框樣式？

[英]How can I change the border style of React Quill container when there is an error?

我正在用 React Quill 構建一個編輯器。 您能否就如何動態更改編輯器的邊框樣式提供一些建議？ 如果 ReactQuill 出現錯誤，邊框顏色應更改為紅色。 以下代碼是我嘗試過的，但它改變了整個 Quill 組件的輪廓。 ...

使用 React Quill 的 useState 和 onChange 無法正常工作，不知道如何解決

[英]useState and onChange with React Quill not working as I want it to, not sure how to fix

我有一系列文本輸入字段 - 它們的輸入由 useState 管理，如下所示： 他們的句柄更改由這個 function 管理，因為可以添加更多文本字段，並且添加的每個索引都必須保存其輸入： 這就是它們的樣子和 function 的預期： 但是，當我使用 React Quill（富文本編輯器）輸入嘗試相 ...

React Quill Editor - 丟失文本格式

[英]React Quill Editor - Losing Text Formatting

我在 React 應用程序中使用Quill編輯器，使用react-quill 。 在我的應用程序中，用戶可以在編輯器中搜索單詞，如果找到，我只需使用 Quill API formatText()突出顯示該單詞 我的應用程序還使用帶有左側菜單欄的標准 MUI 儀表板。 我面臨的問題是這個。 在用戶 ...

ReqctQuill 編輯器的光標更改

[英]Cursor Changes to ReqctQuill Editor

我有另一個輸入框，現在每當我向該輸入添加文本時，它會自動更改光標以專注於 ReactQuill 編輯器。 在此處檢查代碼。 ...

為什么在提交帖子后我無法重置 react-quill 輸入

[英]Why can't I get react-quill input to reset after post is submitted

我正在使用 react-quill 為我的用戶提供更多選項，以他們想要的方式在論壇上發帖。 我的輸入組件看起來像這樣...... 輸入提交后成功保存到后端后，我想將輸入重置為''，這樣react-quill輸入框為空。 為此，我正在使用... 當它被觸發時，輸入沒有任何變化，我嘗試使用 co ...

如何將 Quill-comment 與 React-quill 集成？

[英]How to integrate Quill-comment with React-quill?

我目前有這個 Code SandBox，我試圖讓React-Quill和Quill-Comment一起工作，這樣我就可以讓用戶對已編寫的內容發表評論。 羽毛筆評論不是反應 package 我是反應菜鳥所以我不知道我正在嘗試做的事情是否有可能。 它似乎部分起作用，因為工具欄添加評論按鈕注冊了點擊事 ...

未捕獲的類型錯誤：無法在 react-quill 上讀取未定義的屬性（讀取“值”）

[英]Uncaught TypeError: Cannot read properties of undefined (reading 'value') on react-quill

運行我的程序時，誰會在控制台中收到此錯誤？ 未捕獲的類型錯誤：無法在 react-quill 上讀取未定義的屬性（讀取“值”） 為什么我無法從使用 react-quill 制作的文本編輯器中獲取文本？ 但如果我使用基本的輸入標簽文本類型，它可以從輸入中獲取文本。 ...

React Quill 導致重新渲染<input>在 Quill 的編輯器之外

[英]React Quill causes rerender of <input> outside of Quill's editor

我的組件中有以下 React 代碼： 如果我在&lt;input&gt;元素中輸入任何內容，我會在輸入每個字母后失去焦點，因為 Quill 會以某種方式導致重新渲染，並得到錯誤“當 React 已經在渲染時無法刷新更新”。 但是，如果我刪除ReactQuill元素，輸入的行為是正常的，我不會在控 ...