我想用 Javascript 创建一个简单的文本编辑器。我面临的挑战是:我的文本编辑器上方的按钮应该根据 DOM 的内容进行调整。例如:如果光标在我的文本编辑器中的“ul”标签内,则只应显示按钮“li”。
我已经创建了一个“内容可编辑的 div”,但我不知道下一步该往哪里看。有人可以帮我一些想法吗?如果我可以在现有 JS 文本编辑器的帮助下做到这一点,请说。
<html>
<head>
<style>
#textEditor {
border: 1px solid black; display:block; width: 300px; height: 200px;
}
</style>
<script>
var options = ['ul','div'];
var subOptions = {
'ul':['li'],
'div':['div','span', 'p']
};
</script>
</head>
<body>
<div id="textEditor" contenteditable="true"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我有一个小问题..我正在尝试测试我创建的一些函数(用 Typescript 编写),并且我正在使用 mocha/chai/jsdom。现在,我在使用文档内的“文档”测试函数时遇到错误。我收到消息“ReferenceError:文档未定义”。我怎样才能用“文档”来测试这些功能?
例如:
[提示规格]
import { expect } from 'chai'
import { JSDOM } from 'jsdom'
import { functionX } from './functions'
describe('Functions', () => {
it('is possible to execute functionX with simple parameters', () => {
const jsdom = new JSDOM()
const htmlElement = jsdom.window.document.createElement('div')
expect(functionX(htmlElement, function() { return true; } )).to.equal(true)
})
})
Run Code Online (Sandbox Code Playgroud)
[函数.ts]
export const functionX = (
body:HTMLElement, callback: (ok: boolean) => void
) => {
const doc = body.ownerDocument
const parent = doc.body …Run Code Online (Sandbox Code Playgroud) 我想知道是否可以修改$this->getDoctrine()->getRepository('AppBundle:Foo')->findAll(),以便我只获取相关实体的ID.因为Foo与"一个用户"和"多个组"相关,所以我总是在结果中得到"整个用户对象"和"所有组对象",这使得结果非常不清楚.那么,是否可以只打印相关对象的ID?
我希望有一个人可以帮助我.谢谢!
javascript ×2
chai ×1
doctrine-orm ×1
jsdom ×1
mocha.js ×1
php ×1
symfony ×1
text-editor ×1
typescript ×1