本文整理汇总了TypeScript中draft-js.CharacterMetadata.applyStyle方法的典型用法代码示例。如果您正苦于以下问题:TypeScript CharacterMetadata.applyStyle方法的具体用法?TypeScript CharacterMetadata.applyStyle怎么用?TypeScript CharacterMetadata.applyStyle使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类draft-js.CharacterMetadata
的用法示例。
在下文中一共展示了CharacterMetadata.applyStyle方法的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: flipIfBackwards
.when(createComment, (state: DocumentState, {text}) => {
const selection = flipIfBackwards(state.editor.getSelection())
const id = state.comments.length
const entityKey = Entity.create('Comment', 'MUTABLE', {id})
let content = state.editor.getCurrentContent()
if (selection.getAnchorKey() === selection.getFocusKey()) {
const start = selection.getAnchorOffset()
const end = selection.getFocusOffset()
let block = content.getBlockForKey(selection.getAnchorKey())
let chars = block.getCharacterList()
for (let i = start; i < end; i++) {
let metadata = chars.get(i)
metadata = CharacterMetadata.applyEntity(metadata, entityKey)
metadata = CharacterMetadata.applyStyle(metadata, 'comment')
chars = chars.set(i, metadata)
}
block = block.set('characterList', chars)
content = content.set('blockMap', content.getBlockMap().set(block.getKey(), block))
}
const comment = {id, entityKey, selection, text}
return Object.assign({}, state, {
editor: EditorState.push(state.editor, content, 'apply-entity'),
creatingComment: null,
comments: [...state.comments, comment],
})
})
示例2: changeCommentFocus
function changeCommentFocus(content: ContentState, comment: Comment, {focus}: {focus: boolean}) {
let block = content.getBlockForKey(comment.selection.getAnchorKey())
let chars = block.getCharacterList()
for (let i = 0; i < chars.size; i++) {
let metadata = chars.get(i)
if (metadata.getEntity() === comment.entityKey) {
if (focus) {
metadata = CharacterMetadata.applyStyle(metadata, 'focusedComment')
} else {
metadata = CharacterMetadata.removeStyle(metadata, 'focusedComment')
}
chars = chars.set(i, metadata)
}
}
block = block.set('characterList', chars)
return content.set('blockMap', content.getBlockMap().set(block.getKey(), block))
}