How Kevin changed the world
Hello, I’m Kevin. This is my 36th original post of 2019
Editor module is a necessary module related to UGC and content management. In such a very common component, many product newcomers see it as simply satisfying the input function.
However, if you dig into the editor carefully, you will find that there are three problems related to interaction, editor extension function, editor and business association.
Editor is the user mouse, keyboard landing module, to consider the state of the mouse: click, slide, suspension; Keyboard status: keyboard shortcuts, Apple keyboard, Win keyboard.
Whether an editor is a text editor or a rich text editor is two different products.
The text editor deals with the formatting and typesetting of the text. So you can see bold, cobody, center left and center right
Rich text editors add font sizes, images, videos, hyperlinks, and more.
In the editor we need to produce content, which is customer service answers for customer service people and product introductions and sales talk for sales people.
For the editor, you essentially choose the usage scenario for the product. In the notification bulletin editor for text messages, text messages are sufficient. But for articles, answers and other scenarios, rich text is just needed, as far as possible to meet the convenience of user content generation
Zhihu as an example editor
The editor of Zhihu has also been updated several times, from basic input content to business content. For example, support functions, formulas, in addition to the editor can support dragging images to any location upload; Add uploading placeholder and status prompt to help friends understand uploading position and progress more clearly; You can also select an image and resize it, or elegantly explain the story behind the image with an “image annotation” feature.
Simple book editor
Compared with Zhihu, Jianshu provides the author with the direction of column, and adds column association in the design of the editor. Each article can be inserted into the corresponding column. Secondly, the release of articles will require the upload of photo albums, advertising filtering can be released. This reduces the lack of content resulting in poor quality, but sometimes increases the barrier to upload.
Nuggets editor
The Nuggets are the dark horse of the front-end community. Markdown support in the editor also provides an immersive editing experience. After editing content, users must fill in the label before publishing.
The editor interacts with the content as it grows, ensuring that the author can change the format and layout at any time.
Headline editor
The headline editor also provides rich text, but with the limitations of a man. Obviously, the content generated by the editor covers all kinds of user groups, and the filtering mechanism in the system is the most among the above editors.
Similar to the addition of document specifications, the system automatically to hyperlink, TWO-DIMENSIONAL code detection.
Third-party plug-ins
At present, the above several community editors, except Jane book, nuggets do not have third-party plug-in support. Mainstream content platforms have received compatible support from New Media Manager and Yipan, which can help authors provide more article formats, dynamic effects and automatic typesetting.
Testing the editor is first and foremost a difficulty, covering several small function points for the editor. The boundary testing of each function point, as well as the regression testing of new features after they go live, takes a long time.
The second difficulty is to test all kinds of content, such as video, audio and graphic content in different formats, and test the stability of the editor by uploading content with different boundary values and sizes
The third editor, 1.0, does not have to worry about the draft box. In 1.0, the focus was on the cold launch community, and the content was still mostly external or republished, so the need for original authors was relatively small.
The fourth difficulty, editor interaction in the Web, browser compatibility issues. Because the editor is associated with the system, different compatibility processing should be done for apple and WIN systems.
Especially in wechat browser, Apple browser, Google Browser editor function failure, etc., are required to verify the test.
The fifth provides business content distribution, which is the hardest part because so many editors sit on it. When the content has specific business content, such as Zhihu’s Live and nuggets’ open source code, how the editor can efficiently produce business content and help distribute it is what the product manager needs to consider.
Well, that’s our original for today. I will update two cases every week
Recommended reading
Adhere to the one-year experience report, recruit 500 product managers
My first book, for product practitioners