禁用html5 contenteditable属性的默认浏览器行为

Question

您使用css或Javascript我希望阻止html5 contenteditable属性的所有浏览器默认行为，因此它不允许（内联）编辑其部分中包含的HTML ...  所以当我有这样的部分时：

＆＃13;

＆＃13;

<div class="carouselitembox col-sm-5" contenteditable="true">
     <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum reiciendis!</h3>
     <p style="padding-right: 5px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
    Eos repellendus molestias minus aperiam quaerat ipsam sunt commodi distinctio eum perspiciatis.</p>
  <a role="button" href="#" class="btn btn-primary">Find out more</a>
</div>

＆＃13;

＆＃13;

＆＃13;

对于另一个例子，请参阅：https://jsfiddle.net/angusgrant/23c5gnz4/36/也说明了我需要的用法和原因。