ZSSRichTextEditor 是一款基于 webView 的富文本编辑器。由于项目需要,对ZSSRichTextEditor的UI进行了修改,添加了标题、输入回调、多图上传等。github:https://github.com/Ymuyangyin/ZWTextEditor
JS调用OC
通过WKWebViewDelegate代理方法,来监听输入字数等方法
- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{
NSString *urlString = navigationAction.request.URL.absoluteString;
YPLog(@"decidePolicyForNavigationAction = %@",urlString);
[self.webView updatePlaceHolderStatu];
[self fontBarUpdateWithString:urlString];
[self handleWithString:urlString];
WeakSelf(self);
[webView getCaretYPositionPositionHandleCallback:^(id _Nullable obj, NSError * _Nullable error) {
CGFloat currentPos = [obj floatValue];
if (currentPos > SCREEN_HEIGHT - weakself.keboardHeight - 49) {
[weakself.webView autoScrollTop:currentPos+weakself.toolBarView.yp_height];
}
}];
decisionHandler(WKNavigationActionPolicyAllow); // 必须实现 加载
}
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
if ([YPStringUtils isNotEmpty:self.titles]) {
[webView setupTitle:self.titles];
}
if ([YPStringUtils isNotEmpty:self.content]) {
[webView setupContent:self.content];
[webView placeHolderWithHidden:YES];
}
}
OC调用JS
oc调用js是通过- (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ _Nullable)(_Nullable id, NSError * _Nullable error))completionHandler
注入js代码
具体的实现在WKWebView+ZWWKWebViewExtension
文件中
- (void)evaluateJavaScriptRelust:(NSString *)jsAction
Callback:(void (^)(id _Nullable obj, NSError * _Nullable error))callback{
dispatch_async(dispatch_get_main_queue(), ^{
[self evaluateJavaScript:jsAction completionHandler:^(id _Nullable obj, NSError * _Nullable error) {
YPLog(@"jsAction == %@, obj == %@ , ERROR == %@ ",jsAction,error,obj);
if (callback) {
callback(obj,error);
}
}];
});
}
新增标题和输入字数监听
在RichEditor.html
文件中
<div id="title">
<textarea id="article_title" line-height="normal" style= "overflow:hidden; resize:none; " placeholder="请输入标题" maxlength="30000" ></textarea>
</div>
<div id="title_tips">
<input id="article_title_tips" name="vj_article_title_tips" readonly="readonly" type="text" value="标题字数不可超过25字" style="border:none; display:none">
</div>
使用方法
通过继承ZSSRichTextEditor
修复找不到 UIRemoteKeyboardWindow
/**
从给定的 window 里寻找代表键盘当前布局位置的 view。
iOS 15 及以前(包括用 Xcode 13 编译的 App 运行在 iOS 16 上的场景),键盘的 UI 层级是:
|- UIApplication.windows
|- UIRemoteKeyboardWindow
|- UIInputSetContainerView
|- UIInputSetHostView - 键盘及 webView 里的输入工具栏(上下键、Done键)
|- _UIKBCompatInputView - 键盘主体按键
|- TUISystemInputAssistantView - 键盘顶部的候选词栏、emoji 键盘顶部的搜索框
|- _UIRemoteKeyboardPlaceholderView - webView 里的输入工具栏的占位(实际的 view 在 UITextEffectsWindow 里)
iOS 16 及以后(仅限用 Xcode 14 及以上版本编译的 App),UIApplication.windows 里已经不存在 UIRemoteKeyboardWindow 了,所以退而求其次,我们通过 UITextEffectsWindow 里的 UIInputSetHostView 来获取键盘的位置——这两个 window 在布局层面可以理解为镜像关系。
|- UIApplication.windows
|- UITextEffectsWindow
|- UIInputSetContainerView
|- UIInputSetHostView - 键盘及 webView 里的输入工具栏(上下键、Done键)
|- _UIRemoteKeyboardPlaceholderView - 整个键盘区域,包含顶部候选词栏、emoji 键盘顶部搜索栏(有时候不一定存在)
|- UIWebFormAccessory - webView 里的输入工具栏的占位
|- TUIInputAssistantHostView - 外接键盘时可能存在,此时不一定有 placeholder
|- UIInputSetHostView - 可能存在多个,但只有一个里面有 _UIRemoteKeyboardPlaceholderView
所以只要找到 UIInputSetHostView 即可,优先从 UIRemoteKeyboardWindow 找,不存在的话则从 UITextEffectsWindow 找。
*/
+ (UIView *)positionedKeyboardViewInWindow:(UIWindow *)window {
if (!window) return nil;
NSString *windowName = NSStringFromClass(window.class);
if ([windowName isEqualToString:@"UIRemoteKeyboardWindow"]) {
UIView *result = [[window.subviews qmui_firstMatchWithBlock:^BOOL(__kindof UIView * _Nonnull subview) {
return [NSStringFromClass(subview.class) isEqualToString:@"UIInputSetContainerView"];
}].subviews qmui_firstMatchWithBlock:^BOOL(__kindof UIView * _Nonnull subview) {
return [NSStringFromClass(subview.class) isEqualToString:@"UIInputSetHostView"];
}];
return result;
}
if ([windowName isEqualToString:@"UITextEffectsWindow"]) {
UIView *result = [[window.subviews qmui_firstMatchWithBlock:^BOOL(__kindof UIView * _Nonnull subview) {
return [NSStringFromClass(subview.class) isEqualToString:@"UIInputSetContainerView"];
}].subviews qmui_firstMatchWithBlock:^BOOL(__kindof UIView * _Nonnull subview) {
return [NSStringFromClass(subview.class) isEqualToString:@"UIInputSetHostView"] && subview.subviews.count;
}];
return result;
}
return nil;
}