draft.js:內容清空之後,游標的位置會錯亂
如果編輯器在沒有失焦的情況下(比如, 使用快捷鍵),
清空編輯框內容 ,
替換一個空的editorState,
這時候再輸入內容,游標會出現跑到文字前面去,
以及各種游標錯亂的情況
解決問題的關鍵在於
切換內容的時候,讓編輯器失去焦點
切換完成後,再重新focus
// "domEditor"是編輯器的ref
...
this.domEditor.blur()
this.setState({ editorState: newEditorState }, () => {
this.domEditor.focus()
})
...
重新focus的時候,要放在回撥函式裡
相關推薦
draft.js:內容清空之後,游標的位置會錯亂
如果編輯器在沒有失焦的情況下(比如, 使用快捷鍵), 清空編輯框內容 , 替換一個空的editorState, 這時候再輸入內容,游標會出現跑到文字前面去, 以及各種游標錯亂的情況 解決問題的關鍵在於 切換內容的時候,讓編輯器失去焦點 切換完成後,再重新focus
闌夕-王堅:說服馬雲之後,還要說服人類
位置 新經濟 國家 工程 吸塵 經濟 李彥宏 無線 信任 據說質問CTO不會寫代碼,最早出自2012年馬雲發在阿裏內網的一張任命王堅為集團CTO的公告貼底下,那是阿裏史上最具爭議的一次人事動作,回帖裏的「不會寫代碼」、「項目一敗塗地」、「當時我就震驚了」排成隊列,齊刷刷的送
回收站被清空了,如何恢復數據?
展現 進入 edi 點擊 專業 類型 選項 回收 教程 不知道大家是否跟小編一樣,有定期清理回收站的習慣,但是如果回收站有重要文件但是已經清空,那麽如何把刪除的文件恢復回來呢?因為文件制作的時間過長,建議用專業的數據恢復軟件進行嘗試。在用EasyRecovery數據恢復軟件
MYSQL:如何清空表中的資料
MYSQL:如何清除表中的資料 方法1:delete from 表名;方法2:truncate t
js 數組清空 方法 匯總
body bsp size ava oct round pan span 清空 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />
draft.js:不要使用redux來管理editorState
很多業務的實現都對 執行順序 有要求 即 確保editorState更新完畢,元件渲染完成 用setState的回撥函式可以確保執行順序: 先更新,再執行 而redux不能保證更新與執行的先後順序 比如,用redux管理editorState的情況下, ... dispatc
draft.js:如何改變 draft.js 編輯框的高度
draft.js的<Editor />元件,實際佔位只有一行, 想要輸入文字只能點第一行,點選其他地方無法focus, 關鍵是 它還不接受style和class屬性,無法改變高度 既然無法把它的高度撐開,那就換一個思路: 只要點選空白區域就能focus, 那就和調
Nodejs:npm run build之後,dist\index.html頁面在火狐中可以正常顯示登入頁面並登入成功,在Chrome中可以正常顯示登入頁面,登入失敗
問題描述:Nodejs:npm run build之後,dist\index.html頁面在火狐中可以正常顯示登入頁面並登入成功,在Chrome中可以正常顯示登入頁面,登入失敗 解決方法:將打包後的dist\index.html放到http伺服器上執行就可以登入了。 總結:
Nodejs:npm run build之後,distindex.html頁面在火狐中可以正常顯示登錄頁面並登錄成功,在Chrome中可以正常顯示登錄頁面,登錄失敗
服務 index set npm 解決方法 本地 流程 html csdn 問題描述:Nodejs:npm run build之後,dist\index.html頁面在火狐中可以正常顯示登錄頁面並登錄成功,在Chrome中可以正常顯示登錄頁面,登錄失敗 解決方法:將打包
實現功能:點選選項之後,篩選出對應的產品
實現功能:點選選項之後,篩選出對應的產品 1.注意替換後臺提供的url 2.beforeSend: function(){ $("#xunhuan2").html(""); }, 實現在傳送前,清空內容 3.html
[winform] 關於如何清空DataGridView,但不刪除標題行
對於標題行需要繫結資料來源的DataGridView,在清空時,若直接使用this.datagridview1.DataSource=null的方式,則會把繫結好的資料來源都清空,只有在下次重新開啟窗體時,才會初始化成繫結資料來源的狀態。 而使用 this.dataGrid
解決dataTables再次呼叫不能清空資料,解決Cannot reinitialise DataTable問題
$('#example').DataTable({ searching:false, //去掉搜尋框 bLengthChange:false,//去掉每頁多少條框體 "language": { "info": "", // 表格左下角
c++中將檔案內容清空
最近遇到要將檔案中的內容清空,再寫入的問題,最終得到兩個個靠譜的方法 1. 利用檔案流,設定標誌位即可,程式碼如下: #include <fstream> #include <io
python tkinter中點選回車清空Text,同時游標顯示在0.0(轉載自 https://blog.csdn.net/dcyywin8/article/details/83306011)
所遇問題: 當想要使用Text中的繫結事件回車清空Text中的內容時,總是先執行清空操作,再執行回車操作,這樣每次Text其它內容都清空了,但還是會留下一個回車。 思路: 使用bind方法獲取鍵盤的事件,當鍵盤事件(event)的keycode等於13時,觸發事件。新建一個執行緒作為被觸
hbase命令集(shell 命令,如建表,清空表,增刪改查)
兩篇可以參考的文章,講的不錯 http://www.cnblogs.com/nexiyi/p/hbase_shell.html (http://blog.iyunv.com/wulantian/article/details/41011297) =============
棧操作包括入棧,出棧,清空棧,銷燬棧等
#include<malloc.h> #include<string.h> #include<stdio.h> #define OVERFLOW -1 #define STACK_INIT_SIZE 10 #define
node.js連線MongoDB資料成功之後,丟擲錯誤,db.collection is not a function
node.js程式碼,顯示連線資料庫成功,卻報錯db.collection is not a function /** * Created by 村中長相較好的男子 on 2018/1/3. *
java檔案相關(檔案追加內容、檔案內容清空、檔案內容讀取)
public static List<String> readInfoFromFile(String fileName) { File file =new File(fileName); if(!file.exists()) { ret
簡潔版:java獲取時間之後,對比開始時間和結束時間,對比活動狀態
@Transient 當前時間的獲取 public String getStatus(){Date now = new Date();if (getStartTime().before(now) && getEndTime().after(now))
JS:獲得檔案的建立,修改及最後訪問時間
親測必須將程式碼放在記事本中,改成html格式,在用IE執行(必須) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti