NiceEdit click issue

Я использовал nicEditor в своих winforms, загрузив веб-браузер и загрузив в него nicEditor. По умолчанию, когда редактор загружается, и после этого я нажимаю в середине редактора, фокус не идет в nicEditor. Но если я щелкнул правой кнопкой мыши в начале редактора, фокус будет установлен в редакторе. Ниже приведен код моего файла HTML.NiceEdit click issue

<html> 
<head> 
    <script type="text/javascript"> 
     var myInstance = ""; 
     function GetContent() { 
      //window.alert(""+myInstance); 
      //var content = tinyMCE.get('tinyMceEditor').getContent(); 
      //content = content.replace("<body>", "<body style=\"font-size:10px;\">"); 
      //var content = nicEditors.get('area3').getContent(); 
      var content = myInstance.instanceById('editor').getContent(); 
      //window.alert(myInstance.instanceById('editor').getContent()); 
      return content; 
     } 
     function SetContent(htmlContent) { 
      setTimeout(function() { 
       //window.alert(htmlContent); 
       //nicEditors.get('area3').setContent(htmlContent); 
       myInstance.instanceById('editor').setContent(htmlContent); 

       if (htmlContent == undefined || htmlContent == '') 
        myInstance.instanceById('editor').setContent(''); 

       //tinyMCE.get('tinyMceEditor').readOnly = true; 
      }, 100); 
     }  
    </script> 
    <script type="text/javascript" src="jscripts/nicEdit.js"></script> 
    <script type="text/javascript"> 

     bkLib.onDomLoaded(function() { 
      //myInstance = new nicEditor().panelInstance('editor'); 
      myInstance = new nicEditor({ maxHeight: 388 }).panelInstance('editor'); 

      //nicEditors.allTextAreas() 
     }); 
</script> 
</head> 
<body style="margin-top: 0px; margin-left: 0px;"> 
    <div id="sample"> 
     <textarea id="demo" cols="50" id="editor" name="editor" style="width:295px;" > 
     </textarea> 
    </div> 
</body> 
</html>

Просьба помочь.

источник

2016-03-10 user2998990

Вы можете отправить код jquery для nicEdit.js? или дать онлайн-путь для этого же? –

http://js.nicedit.com/nicEdit-latest.js "или см. Веб-сайт: http://nicedit.com/demos.php?demo=2 – user2998990

Можете ли вы рассказать мне, почему вы использовали этот сценарий код? и эта функция? требуется ли вам? –

Его работа с таким образом. , но я не понимаю, что вы пытаетесь сделать, используя нижеприведенный скрипт.

<script type="text/javascript"> 

     bkLib.onDomLoaded(function() { 
      //myInstance = new nicEditor().panelInstance('editor'); 
      myInstance = new nicEditor({ maxHeight: 388 }).panelInstance('editor'); 

      //nicEditors.allTextAreas() 
     }); 
</script>

вот мой простой HTML. Теперь дайте мне знать, что именно вы хотите сделать.

<html> 
    <head> 
    </head> 
    <body style="margin-top: 0px; margin-left: 0px;"> 
     <div id="sample"> 
      <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
      <script type="text/javascript"> 
       //<![CDATA[ 
       bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
       //]]> 

      </script> 
      <textarea id="demo" cols="50" id="editor" name="editor" style="width:295px;" > 
      </textarea> 
     </div> 
    </body> 
</html>

источник

2016-03-10 12:29:57

Когда это будет отображаться, nicEditor будет иметь высоту 388. Когда щелкнув в середине текстовой области, фокус должен быть в редакторе. В моем случае это не происходит. Когда я нажмите на подробный старт редактора, и только он находится в фокусе. – user2998990

ok я проверю его и дам вам знать –

Я пробовал ваше решение. Редактор нет или высота 338 – user2998990

Ищете что-то вроде этого, Просто дайте мне знать, если я ошибаюсь, в любом месте.

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    </head> 
    <style type="text/css"> 
     .heightClass { 
      min-height: 338px !important; 
     } 
     </style> 
    <body style="margin-top: 0px; margin-left: 0px;"> 
     <div id="sample"> 
      <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
      <script type="text/javascript"> 
       //<![CDATA[ 
       bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
       //]]> 
       $(document).on("focus" , ".nicEdit-selected" , function() { 
        var parentTag = $(this).css("height" , "338px"); 
        //$(this).addClass("heightClass"); 
        //alert(parentTag); 
       }); 
      </script> 
      <textarea id="demo" cols="50" id="editor" name="editor" style="width:295px;" > 
      </textarea> 
     </div> 
    </body> 
</html>

источник

2016-03-13 11:42:54

ответ

Смежные вопросы