draftjs

-1熱度

1回答

我是javascript新手我很困惑這拖動n拖放操作。我想喜歡medium.com 像這樣。 GIF 我建立與JS草案的內容編輯，我沒有任何想法如何做到這一點在JavaScript。在此先感謝...

5熱度

3回答

我正在嘗試構建一個帶草稿js的contentEditor。這個功能的確是從像Facebook這樣的URL中提取數據。但我堅持這部分。回叫不起作用。首先我包裹着我的狀態compositeDecorator篩選 constructor(props) { super(props); const compositeDecorator = new CompositeDecorator(

0熱度

1回答

使用帶有DraftJS的blockRendererFn的自定義塊

是否可以呈現自定義塊，其中某些部分是可編輯的而有些不是？這是我想要實現的一個例子。 ReadOnlyComponent組件應該是隻讀的，而WriteComponent包含可以編輯的數據。 class CustomBlock extends React.Component { props: Props; render() { return ( <Layout

1熱度

1回答

如何在Facebook上Draft.js

創建裝飾鏈路實體我使用Facebook的Draft.js，我需要的時候在文本中檢測到有效的URL創建一個鏈接實體。目前，我正在使用一個裝飾器來實現檢測文本中是否存在鏈接的策略，比如draft-js-linkify-plugin，但我有一些麻煩將該文本修改爲不可變的LINK實體。事實上，我裝點與編輯的道具，但我不能修改編輯器的狀態，因此，將這一新的鏈路實體。的裝飾： const decorat

0熱度

1回答

如何將可單擊的填充添加到草稿編輯器中

如何將填充添加到草稿js的編輯器中，方法是當我單擊填充區域時編輯器被選中？添加填充到編輯器div容器會正確顯示填充，但它不會有可能點擊填充區域，開始在編輯器中寫着： <div style={{padding:8}> <Editor onChange={this.onChange} /> </div>

0熱度

1回答

Draft.js-get編輯器內容爲html

我現在就從Draft.js開始，所以我可能會錯過這裏的一些重要的東西。但正如標題所說：我想獲得編輯器生成的完整html。現在，我有： this.state.editor.getCurrentContent() // Object ContentState this.state.editor.getCurrentContent().getPlainText() // no html tags

1熱度

1回答

使用convertFromHTML時刪除空元素（）

我試圖在初始化時用一些HTML內容填充Draft.js 0.10.0編輯器。問題是任何沒有文本的HTML塊元素都不會轉換爲ContentBlocks。所以從換行符開始的所有額外空格都被刪除。我期望下面的代碼（或jsfiddle）有一些空的ContentBlocks，但沒有。只有包含文本的元素才能獲得ContentBlock。它在草案0.9.1中的行爲與在this jsfiddle中看到的相同，所

1熱度

1回答

如何在slatejs中生成自定義密鑰？

我正在嘗試使所見即所得編輯器可以對所選文本進行註釋。首先，我使用Draft.js。但是，它不適合用鍵指示帶註釋的文本，因爲Draft.js的實體鍵是在重複選擇時啓動的。所以，我找到了slatejs，而我搜索了其他圖書館相關的這個東西。 slatejs有'setKeyGenerator'utils。但是，我找不到關於slatejs的'setKeyGenerator'的任何信息。這個util只是像

1熱度

1回答

草案-JS：文本顏色轉換原始內容/ HTML回EditorState

的jsfiddle丟失後：https://jsfiddle.net/wc4cxnvx/ 我鍵入「這是非常有趣的事情」，並在編輯器中的正文綠色，然後保存爲原始內容使用convertToRaw： { "entityMap":{}, "blocks":[{"key":"5bbf7","text":"this is very interesting thing", "t

0熱度

1回答

訪問draftjs輸出從父

我在這裏我們使用的是同一個頁面上的多個形式的站點。與我用Draftjs反應創建豐富的HTML文本輸入，我已經定製了使用只有我真正需要的控件： class RichEditor extends React.Component { constructor(props) { super(props); this.state = {editorState: Editor