自定义 div 元素（聚合物）不听 contentEditable="true"

Question

我有以下代码。问题是我无法编辑 div 的内容。 div 确实看起来像一个 contenteditable div，但它并不像它那样工作。我实际上无法编辑任何文本。我是不是哪里弄错了？

<!DOCTYPE html>
<link rel="import" href="packages/polymer/polymer.html">
<polymer-element name="kp-test" extends="div">

<template>
Content
</template>

<script type="application/dart">
import 'package:polymer/polymer.dart';
import 'dart:html';

@CustomTag('kp-test')
class KPTest extends DivElement with Polymer, Observable{

  KPTest.created() : super.created() {
    polymerCreated();
  }

  attached() {
    super.attached();
    contentEditable = "true";
    style.color = "red";
  }
}
</script>
</polymer-element>

Answer 1

或者你可以插入一个（包装它而不是扩展它）而不是 "Content"。
在这种情况下，您不需要扩展 DIV（只需创建一个不扩展任何其他元素的自定义元素）。

自定义 div 元素（聚合物）不听 contentEditable="true"

Custom div element (polymer) doesn't listen to contentEditable="true"

dart

contenteditable

dart-polymer