2014-06-13 38 views
0

我有一個這樣的HTML:爲什麼我的content-not-editable div允許內容版本?

<html> 
    <body contenteditable='true'> 

    <div contenteditable='false'> 
     Some Text 
    </div> 

    </body> 
</html> 

但DIV中的文本編輯。我在jsfiddle上測試了它,它按我需要的方式工作。

+0

你是說它適用於jsFiddle,但不是在你自己的網站?你能提供兩者的鏈接嗎? –

+0

它實際上不是一個網站,它是一個OSX應用程序中基於HTML/JavaScript的文本編輯器。這是一個代碼的要點:https://gist.github.com/gabrielvincent/8e987bae88208bbfbef8 這裏的jsFiddle:http://jsfiddle.net/gabrielvincent/PZke8/ –

回答

-1

我想,你還需要爲h2標籤添加contenteditable="false"。因爲h2tag inheritcontenteditable屬性的身體。所以添加contenteditable="false"屬性到h2標記。

 <div class="heading-box-text" contenteditable="false">H2</div> 

    <h2 class="headingAlreadyInsideContainer" contenteditable="false"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
    </h2> 

注意:此代碼從你的Git資源服用。你在上面的鏈接中添加了什麼。

+0

我試過了,但沒有爲我工作。當我檢查元素時,'contenteditable'的值會自動出現在引號之間。這是我創建div的方式:http://i.imgur.com/kqedRdT.png。這就是我查看它時出現的情況:http://i.imgur.com/GCUXcio.png –

+0

@chandu您能否提供一些權威性來源來備份您聲明引用中的屬性值可能有問題的聲明?所有其他來源都表示屬性值_without_ quotes可能有問題。 –