added linking to formatting opts in editor

v1.18.x
Julian Lam 12 years ago
parent dcbc93cacf
commit 826edbd669

@ -288,6 +288,7 @@ var socket,
var cursorEnd = postContentEl.value.length, var cursorEnd = postContentEl.value.length,
selectionStart = postContentEl.selectionStart, selectionStart = postContentEl.selectionStart,
selectionEnd = postContentEl.selectionEnd, selectionEnd = postContentEl.selectionEnd,
selectionLength = selectionEnd - selectionStart,
target; target;
if (e.target.nodeName === 'I') target = e.target; if (e.target.nodeName === 'I') target = e.target;
else if (e.target.nodeName === 'SPAN') target = e.target.querySelector('i'); else if (e.target.nodeName === 'SPAN') target = e.target.querySelector('i');
@ -324,6 +325,19 @@ var socket,
postContentEl.selectionStart = cursorEnd+4; postContentEl.selectionStart = cursorEnd+4;
postContentEl.selectionEnd = postContentEl.value.length; postContentEl.selectionEnd = postContentEl.value.length;
break; break;
case 'icon-link':
if (selectionStart === selectionEnd) {
// Nothing selected
postContentEl.value = postContentEl.value + '[link text](link url)';
postContentEl.selectionStart = cursorEnd+12;
postContentEl.selectionEnd = postContentEl.value.length - 1;
} else {
// Text selected
postContentEl.value = postContentEl.value.slice(0, selectionStart) + '[' + postContentEl.value.slice(selectionStart, selectionEnd) + '](link url)' + postContentEl.value.slice(selectionEnd);
postContentEl.selectionStart = selectionStart + selectionLength + 3;
postContentEl.selectionEnd = selectionEnd + 11;
}
break;
} }
} }
}, false); }, false);

@ -66,6 +66,7 @@
<span class="btn btn-link" tabindex="-1"><i class="icon-italic"></i></span> <span class="btn btn-link" tabindex="-1"><i class="icon-italic"></i></span>
<!-- <span class="btn btn-link" tabindex="-1"><i class="icon-font"></i></span> --> <!-- <span class="btn btn-link" tabindex="-1"><i class="icon-font"></i></span> -->
<span class="btn btn-link" tabindex="-1"><i class="icon-list"></i></span> <span class="btn btn-link" tabindex="-1"><i class="icon-list"></i></span>
<span class="btn btn-link" tabindex="-1"><i class="icon-link"></i></span>
</div> </div>
<div class="btn-group" style="float: right; margin-right: -12px"> <div class="btn-group" style="float: right; margin-right: -12px">
<button id="submit_post_btn" class="btn" tabIndex="3"><i class="icon-ok"></i> Submit</button> <button id="submit_post_btn" class="btn" tabIndex="3"><i class="icon-ok"></i> Submit</button>

@ -38,12 +38,10 @@
</div> </div>
</h3> </h3>
<hr /> <hr />
<span class="{main_posts.edited-class} hidden-phone"> last edited by <strong><a href="/users/{main_posts.editor}">{main_posts.editor}</a></strong> {main_posts.relativeEditTime} ago</span> <span class="{main_posts.edited-class} hidden-phone"> last edited by <strong><a href="/users/{main_posts.editor}">{main_posts.editor}</a></strong> {main_posts.relativeEditTime} ago</span>
<div id="content_{main_posts.pid}" class="post-content">{main_posts.content}</div> <div id="content_{main_posts.pid}" class="post-content">{main_posts.content}</div>
<div class="profile-block"></div>
</div> </div>
</div> </div>
</li> </li>

Loading…
Cancel
Save