2015-01-23 3 views
0

내 Android 휴대 전화 브라우저에서 & 편집 코드를 표시하고 싶습니다.스마트 폰 브라우저에서 ACE 편집기

내 노트북 ​​브라우저에서 코드를 편집하려면 ACE Editor을 성공적으로 임베드했습니다. 하지만 안드로이드 전화에서 코드를 편집하려고 할 때 som 문제가 있습니다.

  1. 내가
  2. 내가 코드
  3. 편집기 내가 머리에 더 규모를 추가하지하려고 할 때 표시되지 않습니다에 크기를 적응하는 편집기 만들어 질수 편집기에서 스크롤 할 수 없습니다 : <meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />를 (애니메이션 제외)

http://jsbin.com/cabic/6/edit

+0

코드의 크기에 적응. 예! –

답변

0

아주 기본적인 스크롤 edito을 할 V1.2.0 사용 maxLines 옵션에서 추가되었다 R 내가 대신 codemirror을 시도하고 위의 문제가 전혀 없었다

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<meta name="description" content="ACE Highlighter" /> 
 

 
<title>ACE in Action</title> 
 

 
</head> 
 
<body> 
 
<h2>Testing</h2> 
 

 
<div id="editor" style="width:600px;height:300px;"> 
 
&lt;script&gt;alert("Hiiiiii!");&lt;/script&gt;</div> 
 
    
 
<script src="//cdn.jsdelivr.net/ace/1.2.0/min/ace.js" 
 
      type="text/javascript" charset="utf-8"></script> 
 
<script> 
 
    var editor = ace.edit("editor"); 
 
    editor.setOptions({ 
 
     theme: "ace/theme/twilight", 
 
     minLines: 2, 
 
     maxLines: 50 
 
    }); 
 
    editor.session.setMode("ace/mode/php"); 
 
    editor.resize(true); 
 
</script> 
 
</body> 
 
</html>