WordPress.org

Ready to get started?Download WordPress

Forums

p2 // wysiwyg functionality to the "post-form?" (20 posts)

  1. charleslaw
    Member
    Posted 5 years ago #

    Hi anybody know of a way to add wysiwyg as well as image upload/select to the post form? that would be incredible.

    thanks,
    charles.

  2. Matt Mullenweg
    Troublemaker
    Posted 5 years ago #

    We're probably not going to add WYSIWYG because it's too slow. A media form might be a future version though.

  3. noel
    Member
    Posted 5 years ago #

    If you wanted to add that ability, you could use tinymce like WordPress does in the admin interface. But, like matt said, it would be too slow for a frontpage feature.

  4. kutu
    Member
    Posted 5 years ago #

    I've been burning my eyes out late at night working on theme to work just like p2, but you guys have nailed it! awesome and thank you.. NOW if we could only attach images!! please help push me in the right direction to figure this out. I know enough I think I could do this with a little push in the right direction.

  5. mjg
    Member
    Posted 5 years ago #

    I use the regular WP admin if I want to add images or attachments. No problem. Keep the front page post facility simple, I reckon.

  6. pasQualle
    Member
    Posted 4 years ago #

    In the prologue theme this worked quite well, but you mean that this would slow down the page because of the new features?

  7. yokima
    Member
    Posted 4 years ago #

    it seems that p2 creates a post edit form for every post loaded on the front page, and hitting "edit" simply turns that CSS layer from display:none; to display:block;

    Therefore, if you display 10 posts per page, and had TinyMCE enabled, there would be 10 instances of TinyMCE running at the same time for every page when logged in as admin.. maybe their keyboard shortcuts will also compete amongst each other and with p2's built-in shortcuts for keyboard attention

  8. pasQualle
    Member
    Posted 4 years ago #

    That really sounds not very promising :(

  9. HonestWorker
    Member
    Posted 4 years ago #

    Errr...

    Major Design Error :( Damnit.

  10. yokima
    Member
    Posted 4 years ago #

    it's fast - that was the point of p2

  11. yokima
    Member
    Posted 4 years ago #

    no need to wait for server response; ain't that cool

  12. pasQualle
    Member
    Posted 4 years ago #

    Ok, I stumbled across Textile, which is really cool I think. Could this be kind of a workaround?

    I thought that the user can input text with textile formatting and by hitting the "Post it" Button, everything gets translated to html.
    Perhaps the javascript file of cleverdevil could be a good start?

    Or what about a jQuery plugin?

    Sadly, I'm quite a poor programmer when it comes to js, php and html. If I were better I would try this by myself.

  13. HonestWorker
    Member
    Posted 4 years ago #

    yokima: it's fast - that was the point of p2 [...]no need to wait for server response; ain't that cool

    Well, actually I'd prefer "waiting" one second more in order to be able to edit my posts with WYSIWYG. Having long discussions on our project, rather then twitteresque posts like "K, the poop 's coming out now!", it's a certain comfort to use WYSIWYG: Adding Images, Qoutes, Links, etc, doesn't result in Code (which I'm fine with - my members are not) - but clearly understandable output. I don't have the ambition to teach all of my Users how to use HTML-Code - I wanna offer them something comparable to MSOffice - which is what they know, understand and are able to use.

  14. PapyRef
    Member
    Posted 4 years ago #

    @yokima :
    I change layer from display:none; to display:block; in entry.php

    <div style="display:block">
                <div id="respond" style="display:block">
                <?php require dirname( __FILE__ ) . '/comment-form.php'; ?>
                </div> <!-- #respond -->
            </div> <!-- #wp-temp-form-div -->

    But no change on display !

  15. HonestWorker
    Member
    Posted 4 years ago #

    Jesus, still no fixes around? so sad :(

  16. smallwei
    Member
    Posted 4 years ago #

    All,
    I managed to get an editor for my post-form. I used this tool: http://corpocrat.com/2008/12/18/free-wysiwyg-textarea-html-editor/

    It's very lightweight (5k), and very similar to the simple markup editor you have here at wordpress.org

    I believe with the technique I used, it is possible to use any editor your choice. However, like many others said, speed is something you should consider.

    If someone is interested in how to implement editor, just reply, I'll return and show you how.

    [signature moderated Please read the Forum Rules]

  17. ToreGu
    Member
    Posted 4 years ago #

    @ smallwei: Please tell us!

  18. margolis
    Member
    Posted 4 years ago #

    I second that.

  19. smallwei
    Member
    Posted 4 years ago #

    Hi,

    Here is the summary of the steps to get it installed:

    1. Download free-wysiwyg-textarea-html-editor.
    2. Extract the zip file and place it in your p2 theme directory.
    3. Modify the included ed.js file to work with your directory structure.
    4. Include ed.js in your header.
    5. Add <script>edToolbar('posttext'); </script> to your post-form.php
    6. If you want to have the editor for comment form as well, there is another trick that utilize the plugin.

    [signature moderated Please read the Forum Rules]

  20. HonestWorker
    Member
    Posted 4 years ago #

    Works great - big THANK YOU! :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags