Ace: 편집기를 비활성화하는 옵션

이것은 어디에서나 구현되었습니까? 나는 또한 이 기능이 매우 유용하다는 것을 알게 될 것입니다.

이에 대한 사용 사례는 무엇입니까? 거의 사용되지 않고 구현하기 쉽기 때문에 이것을 코어에 추가하고 싶지 않습니다.

같은 것

editor.container.style.pointerEvents="none"
editor.container.style.opacity=0.5 // or use svg filter to make it gray
editor.renderer.setStyle("disabled", true)
editor.blur()

아니면 이거

var cover = document.createElement("div")
editor.container.appendChild(cover)
cover.style.cssText = "position:absolute;\
top:0;bottom:0;right:0;left:0;\
background:rgba(150,150,150,0.5);\
z-index:100"
cover.addEventListener("mousedown", function(e){e.stopPropagation()}, true)

작동 할 것이다.

목표는 시각적으로 비활성화된 것처럼 보이게 하는 것이 아니라 사용자가 상호 작용할 수 있는 기능을 제거하는 것입니다. 즉, 커서를 제어할 수 없습니다(더 좋은 점은 커서가 존재하지 않는다는 것입니다).
이것은 "disabled"라기보다 더 엄격한 읽기 전용 유형입니다. 이것은 편집기를 사용하여 코드 샘플을 표시하거나 웹 페이지에서 실행 중인 프로그램의 출력을 표시할 때 편리합니다. 이것이 편집기에 이상적인 용도는 아닐 수 있지만 구문 강조 표시 및 일반적으로 보기 좋은 것과 같은 기능은 이와 같은 용도로 사용하기에 매력적인 옵션입니다.

두 코드 샘플 모두 실제로 이를 수행하지 못합니다. 둘 중 어느 것도 커서를 제거하지 않으며 사용자가 커서를 제어하지 못하도록 하는 좋은 작업을 수행하는 동안 편집기에 포커스를 탭할 수 있습니다.

아, 이제 알겠습니다.
그러나 얼마나 많은 편집기 기능을 비활성화해야 하는지는 정확한 사용 사례에 따라 다릅니다.
편집자에게 초점을 맞추는 선택과 기능은 두 경우 모두 비활성화되어서는 안 된다고 생각합니다. 가상 뷰포트는 출력을 표시하는 데 유용하지만 브라우저 선택은 함께 작동하지 않습니다. 그리고 코드 예제의 경우 일반적으로 ctrl+a ctrl+c 할 수 있는 것이 좋습니다.

커서 및 라인 하이라이트를 숨기려면

editor.setOptions({
    readOnly: true,
    highlightActiveLine: false,
    highlightGutterLine: false
})
editor.renderer.$cursorLayer.element.style.opacity=0

편집기를 탭할 수 없도록 만들기

editor.textInput.getElement().tabIndex=-1
 or
editor.textInput.getElement().disabled=true

모든 바로 가기를 비활성화하려면

editor.commands.commmandKeyBinding={}

또한 $mouseHandler 및 textInput에 대한 파괴 메서드를 추가하여 모두 비활성화할 수 있습니다.

훌륭합니다. 제가 찾던 효과가 있습니다. 정확한 사용 사례에 따라 달라지는 요구 사항에 동의하지만 커서나 바로 가기 등을 비활성화하는 몇 가지 옵션이 있으면 편리할 수 있습니다.

또한 위 코드의 마지막 줄은 편집기에서 아무 것도 표시하지 않는 것처럼 보입니다. :/

또한 위 코드의 마지막 줄은 편집기에서 아무 것도 표시하지 않는 것처럼 보입니다. :/

editor.commands.commmandKeyBinding={} 을 의미합니까? 그것은 매우 이상할 것입니다

감사합니다!

감사합니다. 편집기를 비활성화하는 옵션이 필요합니다!

안녕하세요, $mouseHandler 파괴자를 구현하셨습니까? 나는 약간 길을 잃었습니다 (여기 초보자). 아니면 비활성화 할 수 있는 방법이 있나요? 편집자가 btw를 비활성화해 주셔서 감사합니다 :-)

@나이트 윙
editor.renderer.$cursorLayer.element.style.opacity=0
$cursorLayer는 이제 VirtualRenderer의 속성이 아닌 것 같습니다.
내 편집기가 'readOnly' 상태일 때 커서를 숨기고 싶습니다. 그리고 귀하가 제공한 방법을 시도했지만 $cursorLayer가 VirtualRenderer의 속성이 아니기 때문에 작동하지 않습니다. 다른 방법이 있습니까? 커서를 숨기시겠습니까?

VirtualRenderer에는 hideCursor()와 setCursorStyle()의 두 가지 방법이 있다는 것을 알게 되었고, 아래 방법으로 사용하려고 합니다. 하지만 잘 되지 않습니다.
this._editor.renderer.hideCursor();
this._editor.renderer.setCursorStyle("불투명도: 0;");
제가 사용을 잘못한건가요?

작업이 진행 중인가요? 포커스가 편집기에서 벗어날 때 편집기를 비활성화하고 싶습니다.

여기도 마찬가지! renderer.hideCursor() 메서드를 사용하고 싶지만 작동하지 않는 것 같습니다. 내 편집기 초기화 블록과 changeCursor 이벤트에서 호출하려고 했지만 작동하지 않습니다.

사람들이 여전히 커서를 비활성화하려는 경우 편집기 요소에서 css3 속성 pointer-events: none; 을 사용하십시오.

여전히 새로운 반응 개발자인 편집기를 비활성화하려면 어떻게 해야 합니까? 도움을 주시면 감사하겠습니다

사람들이 여전히 커서를 비활성화하려는 경우 편집기 요소에서 css3 속성 pointer-events: none; 을 사용하십시오.

편집기를 어떻게 비활성화합니까?

사람들이 여전히 커서를 비활성화하려는 경우 편집기 요소에서 css3 속성 pointer-events: none; 을 사용하십시오.

편집기를 어떻게 비활성화합니까?

editor.setOptions({
    readOnly: true,
})

매력처럼 일했다

2020년 9월 23일 수요일 오후 10:27 Nehal Hasnayeen [email protected]
썼다:

사람들이 여전히 커서를 비활성화하려는 경우 css3 속성 pointer-events를 사용하십시오.
없음; 편집기 요소에서.

편집기를 어떻게 비활성화합니까?

editor.setOptions({
읽기 전용: 참,
})

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/ajaxorg/ace/issues/266#issuecomment-698073286 또는
구독 취소
https://github.com/notifications/unsubscribe-auth/ALIR2LMEV5BHDXPXO7RT5BTSHKVAPANCNFSM4AESJK3A
.