小编use*_*756的帖子

创建简单的文本编辑器 (javascript)

我想用 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)

javascript text-editor

5
推荐指数
2
解决办法
3万
查看次数

如何使用 jsdom 测试带有“document”的功能

我有一个小问题..我正在尝试测试我创建的一些函数(用 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)

javascript mocha.js jsdom chai typescript

1
推荐指数
1
解决办法
4126
查看次数

(Symfony)Doctrine ORM findAll:太多的信息

我想知道是否可以修改$this->getDoctrine()->getRepository('AppBundle:Foo')->findAll(),以便我只获取相关实体的ID.因为Foo与"一个用户"和"多个组"相关,所以我总是在结果中得到"整个用户对象"和"所有组对象",这使得结果非常不清楚.那么,是否可以只打印相关对象的ID?

我希望有一个人可以帮助我.谢谢!

php symfony doctrine-orm

0
推荐指数
1
解决办法
375
查看次数