HoşgeldinWelcome

Yabancı dil öğretmek için yaptığım bazı uygulamalarda ihtiyaçlarımı tam karşılayan bir yazı editörü bulamadığım için ben de yeni bir işaretleme motoru geliştirmek istedim. Standart md sözdizimini genişleterek mda'yı oluşturdum.

Since I could not find a text editor that fully met my needs in some of the applications I made to teach foreign languages, I wanted to develop a new markup engine. I created mda by extending the standard md syntax.

Örnek:

  Mda bbcode'dan daha iyidir.
Mda is better than bbcode.

Daha fazla örnek için yukarıdaki düğmelere tıklayın.

Click the buttons top there for more examples...

Mda'yı geliştirmeye Red proglamlama dili ile başladım, daha sonra Elixir proglamlama dili ile yeniden yazdım.

<h1> Hoşgeldin<span>Welcome</span></h1> <p>Yabancı dil öğretmek için yaptığım bazı uygulamalarda ihtiyaçlarımı tam karşılayan bir yazı editörü bulamadığım için ben de yeni bir işaretleme motoru geliştirmek istedim. Standart <span class="blue-text">md</span> sözdizimini genişleterek <span class="red-text">mda</span>'yı oluşturdum.</p> <p>Since I could not find a text editor that fully met my needs in some of the applications I made to teach foreign languages, I wanted to develop a new markup engine. I created <span class="red-text">mda</span> by extending the standard <span class="blue-text">md</span> syntax.</p> <h2> Örnek:</h2> <div class="sentence"> <a onclick="sentence_play('ses_yok.mp3')" class="first-sentence"> <span>&nbsp;<svg xmlns="http://www.w3.org/2000/svg" fill="yellow" viewBox="0 0 24 24" stroke-width="1.5" stroke="blue" style="width:1.2em;vertical-align:middle;display: inline-block;"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" /> </svg> <span class="color1-text">Mda</span> <span class="color2-text">bbcode</span><span class="color3-text">'dan</span> <span class="color5-text">daha iyi</span><span class="color6-text">dir</span>. </a></br> <span class="sub-sentence"> <span class="color1-text">Mda</span> <span class="color6-text">is</span> <span class="color5-text">better</span> <span class="color3-text">than</span> <span class="color2-text">bbcode</span>. </span></br> </div> <div class="info"> <div style="float:left;margin-right:1rem;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#005ac8" class="icon-size"> <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" /> </svg> </div> <div> <h3> Daha fazla örnek için yukarıdaki düğmelere tıklayın.</h3> <div>Click the buttons top there for more examples...</div> </div> </div> <p><span class="red-text">Mda</span>'yı geliştirmeye <b>Red proglamlama dili</b> ile başladım, daha sonra <b>Elixir proglamlama dili</b> ile yeniden yazdım. </p>
Siteyi Phoenix 1.7.11 kullanarak yaptım.