κ³ μ λꡬ λͺ¨μμ΄ μλνμ§ μμ μμμ μ μ©νκ±°λ μ΄λ―Έμ§λ₯Ό μ½μ νλ λ± νμ΄μ§λ₯Ό μλ‘ μ€ν¬λ‘€ν΄μΌ νλ λ§μ μμ μ½ν μΈ λ₯Ό κ΄λ¦¬νλ κ²μ΄ κ±°μ λΆκ°λ₯ν©λλ€.
μ¬κΈ°μ μΆκ°νλ €λ©΄ - Redactor κ΅¬μ± νμΌμ toolbarFixed μ€μ μ΄ μλνμ§ μμ΅λλ€. λΉλ‘ 무μμλ‘ λ³΄μ΄λ κ²μ²λΌ λꡬ λͺ¨μ μ€ νλκ° μ κΈ°κ³ νΈμ§ νλ©΄ ν€λκ° κ²ΉμΉλ κ²μ νμΈνμ§λ§(νΈμ§κΈ° νλ λ°μΌλ‘ μ€ν¬λ‘€νλλΌλ κ·Έλλ‘ μ μ§λ©λλ€. λꡬ λͺ¨μμμ μ무거λ ν΄λ¦νλ©΄ ν΄λΉ νΈμ§κΈ° νλλ‘ λμκ°λλ€):
μ΄κ²μ μ°λ¦¬κ° 보μ¬μ€ κ²μ²λΌ νΈμ§νκΈ° μν΄ κΈ΄ ν μ€νΈλ₯Ό κ²μνλ μΌλΆ ν΄λΌμ΄μΈνΈμκ²λ μ λ§ κ³ ν΅μ€λ¬μ΄ μΌμ λλ€. νΉν νΈμ§μ ꡬμ±μ νΈμ§ν λ Craftμ μ€μ μ 무μνμ§ μμ΅λλ€. νΈμ§μ κ΅¬μ± νμΌμ 'μ¬μ μ'λ μ μ²΄κ° μλ μΌλΆ μ€μ μ μ¬μ μν μ μλ κ²μΌλ‘ 보μ λλ€.
Craft 2μ 3(Slack μ±ν μΌλ‘ μ§ν)μμ μμλ κ²μΌλ‘ 보μ΄μ§λ§ μ¬μ©ν μ μκ² λ§λ κ²μ 2.6.3004μ κ°μ μ¬ν λλ¬Έμ΄λΌκ³ μκ°ν©λλ€.
μλ νμΈμ μ¬λ¬λΆ! λλ κ°μ λ¬Έμ κ° μμκ³ CSSλ₯Ό ν΅ν΄ μμ μμ μ μννκ³ admen ν¨λμμ μ€ν νμΌμ μ°κ²°ν μ μμ΅λλ€. λ€μμ μ½λμ λλ€.
.νΈμ§κΈ° λ μ΄μ΄ {
z-μΈλ±μ€: 101 !μ€μ;
border-top: 0 !μ€μ;
}
.input .redactor-λꡬ λͺ¨μ {
μμΉ: κ³ μ !μ€μ;
border-bottom: 1px μ리λ #e3e5e8 !μ€μ;
z-μΈλ±μ€: 102 !μ€μ;
λ°°κ²½: #fff !μ€μ;
}
.elementselectormodal {
z-μΈλ±μ€: 1052 !μ€μ;
}
@brandonkelly μ΄ λ¬Έμ κ° C3λΏλ§ μλλΌ C2μμλ μμ λ κ²μΈμ§ νμΈνκ³ μΆμμ΅λλ€.
@zizther μ΄ λ¬Έμ λ Craft 3μ Redactor νλ¬κ·ΈμΈμλ§ μν₯μ λ―ΈμΉ©λλ€. Craft 2μ μμ μλ ν μ€νΈ νλλ κ³ μ λꡬ λͺ¨μμ μ§μν©λλ€.
@brandonkelly μ μ @billythekid μ κ°μ λ€λ₯Έ μ¬λλ€μ Craft 2μμλ λμΌν λ¬Έμ λ₯Ό λ°κ²¬νμ΅λλ€.
μλνμ§λ§ λͺ¨λ°μΌ μ€λ¨μ μμλ§ μλνλ κ²μΌλ‘ λνλ¬μ΅λλ€.
κ·Έλ¦¬κ³ position:fixed
κ° μμμ μ£Όμ
λκΈ° λλ¬Έμ JSμ κ΄λ ¨μ΄ μμ΅λλ€.
μ, μ μκ²λ ν¬λννΈ 2μ 3 λͺ¨λμμ κΉ¨μ‘μ΅λλ€.
λ«ν λ¬Έμ μ λν΄ λ Όνμ ν΄μ μ£μ‘ν©λλ€. νμ§λ§ μ¬μ ν Craft 3μμ Redactor κ³ μ λꡬ λͺ¨μμ΄ μλνλλ‘ ν μ μμ΅λλ€.
μ¬κΈ°μμ μλ¨μ λ¬λΌλΆμ§ μλ κ²μ λ³Ό μ μμ΅λλ€. https://img.lukepeters.me/07202018nhxkk.png
κ·Έλ¦¬κ³ μ¬κΈ° λ κ΅¬μ± νμΌμμ λͺ¨λ toolbarFixedκ° trueλ‘ μ€μ λμ΄ μλ κ²μ λ³Ό μ μμ΅λλ€. https://img.lukepeters.me/07202018fd0g0.png
@LukePeters μ΄λ€ νλ¬κ·ΈμΈ λ²μ μ μ¬μ©νκ³ μμ΅λκΉ?
@andris-sevcenko Redactor λ²μ 2.1.2λ νλ¬κ·ΈμΈ μ€ν μ΄λ₯Ό ν΅ν΄ μ€μΉλ©λλ€.
@LukePeters κ° μ΄κ²μ λ³΄κ³ μλ μ¬μ΄νΈμ μ‘μΈμ€ν μ μμ΅λκΉ? κ·Έλ λ€λ©΄ [email protected]μΌλ‘ μ΄λ©μΌμ
@LukePeters κ°μ¬ν©λλ€! μ΄ λ¬Έμ λ₯Ό ν΄κ²°ν 2.1.3μ μΆμνμ΅λλ€!
@andris-sevcenko κ³ μ λꡬ λͺ¨μμ΄ μ¬μ ν μλνμ§ μμ΅λλ€. μ΅μ λ²μ μ Chrome, Firefox λ° Safariμμ ν μ€νΈνμ΅λλ€.
λλ 2.1.3μ μ¬μ©νλ κ²μ΄ λλ ΅λ€.
@lukeyouell 2.1.3?
@mattandrews μ΄κ²μ λ³΄κ³ μλ μ¬μ΄νΈμ μ‘μΈμ€ν μ μλ κΈ°νκ° μμ΅λκΉ? μμ λμΌν κ±°λ - [email protected]μΌλ‘ μ‘μΈμ€ κΆνμ 촬μνμμμ€.
μ κ°μ€λ½κ²λ (κΈ°μ μ μ± λ±) μ‘°μ ν μ μμ§λ§ μμ μ¬νμ λ³κ²½ μ¬νμ μ¬κΈ° μ μλμΌλ‘ μ μ©νλλ° μλνλ κ² κ°μ΅λλ€!
@mattandrews 곧 μΆμλ λ€μ 릴리μ€(v2.1.4)μμ μμ λμμ΅λλ€.
μ¬μ ν λ¨μΌ μ΄ λ μ΄μμμμ μλνμ§ μμ΅λλ€.
@KatieMFritz μ΄λ€ Craft λ° Redactor λ²μ μ μ¬μ©νκ³ μμ΅λκΉ?
ν¬λννΈ νλ‘ 3.3.13
νΈμ§μ 2.4.0
craft Pro 3.3.15 λ° Redactor 2.4.0μμ μ΄κ²μ κ²½ννμμμ€. 맀νΈλ¦μ€ νλμμ μ¬μ©λ©λλ€.
νΈμ§ : λΌμ΄λΈ λ―Έλ¦¬λ³΄κΈ°κ° μ΄λ € μμ§ μμΌλ©΄ μλνλ κ²μ²λΌ 보μ΄μ§λ§ μλνμ§ μμ΅λλ€.
νλ¬κ·ΈμΈ μ€ν μ΄μμ μ΅μ 곡μ λ° μ΅μ μμ κΈ°λ₯Ό μ¬μ©νκ³ μμΌλ©° "toolbarFixed": trueλ μλνμ§ μμ΅λλ€.
λν κ΄λ ¨μ΄ μλμ§ μ¬λΆλ νμ€νμ§ μμ§λ§ λ§ν¬λ₯Ό ν΄λ¦ν λ "컨ν μ€νΈ" λ©λ΄λ νλ©΄μ νμλμ§ μμ΅λλ€. μ¦, λ³΄λ €λ©΄ μλ‘ μ€ν¬λ‘€ν΄μΌ νμ§λ§ ν΄λ¦ν΄λ μ무 μΌλ μΌμ΄λμ§ μλ κ²μ²λΌ 보μ λλ€. λ§ν¬(κΈ΄ λ΄μ© κ΄λ ¨).
λ΄ λμμ μμ νμ§λ§ λꡬ λͺ¨μμ΄ κ³ μ νμ΄μ§ ν€λ μκ° μλλΌ μ 체 μ°½ μλ‘ μ¬λΌκ° κ²½μ°μλ§ μμλλ κ² κ°μ΅λλ€.
μ, μ΄μ λ λͺ¨λ₯΄κ² μ§λ§ CP CSS νλ¬κ·ΈμΈμ μ¬μ©νκ³ λꡬ λͺ¨μμ CSSλ₯Ό μ¬μ μνμ¬ μμΉλ₯Ό κ³ μ νκ³ λ κ°μ λ€λ₯Έ λ―Έλμ΄ μΏΌλ¦¬μ λν λ κ°μ μμ κ° μ¬μ΄λ₯Ό μ ννμ¬ λ¬Έμ λ₯Ό ν΄κ²°νμ΅λλ€.
div.redactor-toolbar-wrapper {
position: sticky !important;
top: 60px !important;
background: #fff;
z-index: 11 !important;
}
<strong i="6">@media</strong> screen and (max-width: 975px) {
div.redactor-toolbar-wrapper {
top: 114px !important;
}
}
@RickKukiela μ΅μ λ²μ μ Craft λ° Redactorλ₯Ό μ€ννκ³ μλμ§ νμΈνμμμ€.
κ°μ₯ μ μ©ν λκΈ
@brandonkelly μ μ @billythekid μ κ°μ λ€λ₯Έ μ¬λλ€μ Craft 2μμλ λμΌν λ¬Έμ λ₯Ό λ°κ²¬νμ΅λλ€.