расширяемый текст с contenteditable не толкает с IE9 - PullRequest
Новая
       9

расширяемый текст с contenteditable не толкает с IE9

2 голосов
/ 18 марта 2012

Я хочу, чтобы диапазон расширялся автоматически при вводе текста. Это работает со всеми браузерами, кроме IE (версия 9 протестирована), где текст перезаписывает фразу после («должен нажать текст».).

Есть ли лекарство? Кажется, это проблема обновления. механизм компоновки должен выдать обновление. Редактировать : в режиме совместимости 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

это работает, так что это свежая проблема IE9. Обходной путь? 

<!DOCTYPE html>
<html> 
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  </head>
<body>
      <div id="link-widget-container"> 
          <p>this "
                <span id="goal" contenteditable="true" 
                      spellcheck="false" 
                      class="input-widget">
                          test
                 </span>
               " should push this text. 
          </p>
      </div>  
</body> 
</html>

1 Ответ

1 голос
/ 25 марта 2012

Рассматривали ли вы размещение текста, который должен быть помещен в отдельный интервал: 

<!DOCTYPE html>
<html> 
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  </head>
<body>
      <div id="link-widget-container"> 
          <p>this 
                <span id="goal" contenteditable="true" 
                      spellcheck="false" 
                      class="input-widget">
                          "test"
                 </span>
                 <span>should push this text.</span>
          </p>
      </div>  
</body> 
</html>

Возможно, вы также захотите использовать CSS-свойство float: left на ваших участках, чтобы они хорошо сочетались друг с другом.

...